root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI: Badge 'Ausgewählt' an Button-Größe angepasst (Padding, Border, Hintergrund, Font)

Browse source
This commit is contained in:
vibe-bot 2025-08-09 01:44:57 +02:00
parent 22bbea7f95
commit 1a48893090
1 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/styles.css
View file

@ -350,7 +350,19 @@ header p {
letter-spacing: 1px; letter-spacing: 1px;
line-height: 1; line-height: 1;
} }
.badge { align-self: flex-start; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); padding: 6px 10px; border-radius: 999px; font-size: 13px; } .badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 12px; /* wie .tab */
border-radius: 999px;
border: 1px solid rgba(255,255,255,.25);
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
color: #e7e7ee;
font-size: .875rem; /* 14px */
font-weight: 600;
line-height: 1;
}
.controls { display: grid; grid-template-columns: 1fr minmax(240px, 320px) 260px 200px; gap: 12px; align-items: center; margin-bottom: 12px; } .controls { display: grid; grid-template-columns: 1fr minmax(240px, 320px) 260px 200px; gap: 12px; align-items: center; margin-bottom: 12px; }
.controls.row1 { z-index: 5000; } .controls.row1 { z-index: 5000; }