0
1
mirror of https://github.com/radio95-rnt/RadioPlayer.git synced 2026-02-26 21:53:54 +01:00
This commit is contained in:
2025-12-27 22:31:48 +01:00
parent 0cee31475c
commit 72dcc7f8c1

View File

@@ -54,7 +54,7 @@
.btn.activated { background:linear-gradient(90deg, #9ed3ff46, #5bbbff2a); } .btn.activated { background:linear-gradient(90deg, #9ed3ff46, #5bbbff2a); }
.btn.primary{background:linear-gradient(90deg,var(--accent), #6cc7ff); color:#001; border:none; font-weight:600} .btn.primary{background:linear-gradient(90deg,var(--accent), #6cc7ff); color:#001; border:none; font-weight:600}
.btn.primary:hover { background:linear-gradient(90deg, #3399ee, #5bbaff); } .btn.primary:hover { background:linear-gradient(90deg, #3399ee, #5bbaff); }
.list{background:#07121a; border-radius:8px; padding:8px; overflow:hidden; border:1px solid rgba(255,255,255,0.02)} .list{background:#07121a; border-radius:8px; padding:8px; overflow:scroll; border:1px solid rgba(255,255,255,0.02)}
ul.playlist{list-style:none; padding:6px; margin:0; font-family: "Consolas",monospace; font-size:13px;} ul.playlist{list-style:none; padding:6px; margin:0; font-family: "Consolas",monospace; font-size:13px;}
ul.playlist li{padding:6px 8px; border-radius:6px; display:flex; justify-content:space-between; gap:8px; transition: background-color 0.12s ease;} ul.playlist li{padding:6px 8px; border-radius:6px; display:flex; justify-content:space-between; gap:8px; transition: background-color 0.12s ease;}
ul.playlist li:hover{background:rgba(255,255,255,0.02)} ul.playlist li:hover{background:rgba(255,255,255,0.02)}
@@ -63,8 +63,8 @@
ul.playlist li.pointer{background:rgba(255,255,255,0.04)} ul.playlist li.pointer{background:rgba(255,255,255,0.04)}
.controls{display:flex; gap:8px; margin-top:8px} .controls{display:flex; gap:8px; margin-top:8px}
.two-col{display:flex; gap:8px; align-items:flex-start; height:100%} .two-col{display:flex; gap:8px; align-items:flex-start; height:100%}
.box{display:flex; flex-direction:column; gap:8px; flex-grow: 1; overflow: hidden;} .box{display:flex; flex-direction:column; gap:8px; flex-grow: 1; overflow: scroll;}
.listbox{height:100%; min-height:100px; overflow:hidden; border-radius:6px; background:var(--card); padding:8px; font-size:14px; scrollbar-width: none;} .listbox{height:100%; min-height:100px; overflow:scroll; border-radius:6px; background:var(--card); padding:8px; font-size:14px; scrollbar-width: none;}
.listbox div.item{padding:6px; border-radius:6px; transition: background-color 0.12s ease;} .listbox div.item{padding:6px; border-radius:6px; transition: background-color 0.12s ease;}
.listbox div.item:hover{background:rgba(255,255,255,0.02); cursor:pointer} .listbox div.item:hover{background:rgba(255,255,255,0.02); cursor:pointer}
.listbox div.item.selected{background:rgba(62, 165, 255, 0.305)} .listbox div.item.selected{background:rgba(62, 165, 255, 0.305)}
@@ -72,7 +72,7 @@
.row{display:flex; gap:8px; align-items:center} .row{display:flex; gap:8px; align-items:center}
.muted{color:var(--muted); font-size:13px} .muted{color:var(--muted); font-size:13px}
.footer{display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:8px} .footer{display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:8px}
.directory-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; flex-grow:1; overflow:hidden} .directory-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; flex-grow:1; overflow:scroll}
#keybinds {display: flex; gap: 10px; align-items: center; white-space: nowrap; } #keybinds {display: flex; gap: 10px; align-items: center; white-space: nowrap; }
#keybinds kbd {background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 4px; padding: 2px 6px; font-family: "Consolas", monospace; font-size: 12px; color: #e6eef6; } #keybinds kbd {background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 4px; padding: 2px 6px; font-family: "Consolas", monospace; font-size: 12px; color: #e6eef6; }
@@ -81,7 +81,7 @@
.container{padding: 10px; margin: 0} .container{padding: 10px; margin: 0}
.layout{flex-direction: column; height: auto} .layout{flex-direction: column; height: auto}
.left{min-width:auto} .left{min-width:auto}
.directory-grid {grid-template-columns: 1fr; height: auto; overflow: hidden} .directory-grid {grid-template-columns: 1fr; height: auto; overflow:scroll}
.listbox {min-height: 200px} .listbox {min-height: 200px}
button, .btn {padding: 10px 14px} button, .btn {padding: 10px 14px}
/* Mobile accessibility fix: remove fixed heights so collapsed items actually shrink */ /* Mobile accessibility fix: remove fixed heights so collapsed items actually shrink */