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

UI: reduce sidebar width on desktop

Browse source
This commit is contained in:
Julien Maille 2025-12-23 13:04:20 +01:00
parent 8ef6ecb9e3
commit 3ee2ed5170
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
styles.css
View file

@ -187,14 +187,14 @@ kbd {
height: 100dvh; height: 100dvh;
grid-template: grid-template:
"sidebar main" 1fr "sidebar main" 1fr
"player player" auto / 280px 1fr; "player player" auto / 190px 1fr;
} }
.sidebar { .sidebar {
grid-area: sidebar; grid-area: sidebar;
background-color: var(--background); background-color: var(--background);
border-right: 1px solid var(--border); border-right: 1px solid var(--border);
padding: 1.5rem; padding: 1.25rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 2rem; gap: 2rem;
@ -1834,7 +1834,7 @@ input:checked + .slider::before {
/* Responsive Design */ /* Responsive Design */
@media (max-width: 1024px) { @media (max-width: 1024px) {
.app-container { .app-container {
grid-template-columns: 240px 1fr; grid-template-columns: 160px 1fr;
} }
.card-grid { .card-grid {