vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix tracklist cover aspect ratio on mobile

Browse source
This commit is contained in:
Julien Maille 2025-12-25 12:38:31 +01:00
parent ade89637ad
commit f3b57497d9
1 changed files with 3 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
styles.css
View file

@ -635,15 +635,6 @@ body.has-page-background .track-item:hover {
justify-content: center; justify-content: center;
} }
/* ensure that album cover fit*/
.track-number .track-item-cover {
width: 40px;
height: 40px;
border-radius: 4px;
object-fit: cover;
display: block;
}
.track-item-info { .track-item-info {
display: flex; display: flex;
align-items: center; align-items: center;
@ -2375,7 +2366,7 @@ input:checked + .slider::before {
} }
.track-item { .track-item {
grid-template-columns: 28px 1fr auto auto; grid-template-columns: 36px 1fr auto auto;
gap: var(--spacing-sm); gap: var(--spacing-sm);
padding: var(--spacing-sm); padding: var(--spacing-sm);
} }
@ -2516,13 +2507,13 @@ input:checked + .slider::before {
} }
.track-item { .track-item {
grid-template-columns: 24px 1fr 40px 28px; grid-template-columns: 32px 1fr 40px 28px;
gap: 0.375rem; gap: 0.375rem;
padding: var(--spacing-xs); padding: var(--spacing-xs);
} }
.track-number { .track-number {
width: 24px; width: 32px;
} }
.track-item-cover { .track-item-cover {