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

style(ui): Dropdown z-index massiv erhöht; fix(yt-dlp): host-spezifische Args + optionales Cookies-File für YouTube/Instagram

Browse source
This commit is contained in:
vibe-bot 2025-08-08 18:12:39 +02:00
parent 0b70e0f002
commit a6531aef9d
1 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/src/styles.css
View file

@ -89,11 +89,10 @@ header p { opacity: .8; }
.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 { 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; }
.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.row2 { grid-template-columns: minmax(400px, 1fr); } .controls.row1 { z-index: 5000; }
.controls.row3 { grid-template-columns: 1fr; } .controls.row2 { grid-template-columns: minmax(400px, 1fr); z-index: 3000; }
.controls.glass { padding: 18px; position: relative; z-index: 1; } .controls.row3 { grid-template-columns: 1fr; z-index: 2000; }
.controls.row2 { grid-template-columns: minmax(400px, 1fr); z-index: 5; } .controls.glass { padding: 18px; position: relative; z-index: inherit; overflow: visible; }
.controls.row3 { grid-template-columns: 1fr; z-index: 1; }
.controls.glass { .controls.glass {
backdrop-filter: saturate(140%) blur(20px); backdrop-filter: saturate(140%) blur(20px);
background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06)); background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
@ -118,7 +117,7 @@ header p { opacity: .8; }
.control select optgroup { background-color: #0f1530; color: #c8c8d8; } .control select optgroup { background-color: #0f1530; color: #c8c8d8; }
/* Custom Select */ /* Custom Select */
.custom-select { position: relative; z-index: 10; } .custom-select { position: relative; z-index: 10000; }
.select-trigger { .select-trigger {
width: 100%; width: 100%;
text-align: left; text-align: left;
@ -139,7 +138,7 @@ header p { opacity: .8; }
background: #0f1530; background: #0f1530;
box-shadow: 0 24px 48px rgba(0,0,0,.5); box-shadow: 0 24px 48px rgba(0,0,0,.5);
max-height: 280px; overflow-y: auto; max-height: 280px; overflow-y: auto;
z-index: 100; z-index: 20000;
} }
.select-item { .select-item {
width: 100%; text-align: left; padding: 10px 12px; color: #e7e7ee; width: 100%; text-align: left; padding: 10px 12px; color: #e7e7ee;