Adjusted mobile player layout

This commit is contained in:
lucast committed 2026-10-06 03:39:08 +02:00
1 parent 4c883c60a4
commit ae52b1754b
6 files changed
+384 -40

No files matched your search

@@ -182,4 +182,31 @@ const durationFormatted = computed(() =>
pointer-events: none;
}
}
@media (max-width: 767px) {
.track-display {
gap: 0.85rem;
}
.btns {
gap: clamp(0.4rem, 3vw, 0.85rem);
font-size: 1.75rem;
& > * {
padding: 0.45rem;
}
}
.volume-slider {
margin-inline: 0;
}
}
@media (max-width: 767px) and (hover: none) {
.btns,
.volume-slider {
opacity: 1 !important;
pointer-events: auto !important;
}
}
</style>