Improved mobile detail pages

This commit is contained in:
lucast committed 2026-10-06 04:14:39 +02:00
1 parent 8f6f9ef78e
commit cb6fa29e4b
2 files changed
+79 -8

No files matched your search

+14
View File
@@ -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>