Improved mobile detail pages
This commit is contained in:
1 parent
8f6f9ef78e
commit
cb6fa29e4b
2 files changed
+79
-8
No files matched your search
@@ -21,6 +21,7 @@ useHead({ title: "Artist Songs" })
|
||||
:track="track"
|
||||
:index="i"
|
||||
show-image
|
||||
touch-friendly
|
||||
@play-album-at-index="() => playAlbumAtIndex(tracks, i)"
|
||||
/>
|
||||
</section>
|
||||
@@ -41,4 +42,17 @@ useHead({ title: "Artist Songs" })
|
||||
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.title {
|
||||
@include fontSize(26px);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.tracks :deep(.track.image) {
|
||||
grid-template-columns: 40px minmax(0, 1fr) auto auto;
|
||||
gap: 0.5rem;
|
||||
padding-inline: 0.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user