iamdoubz/radio
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

+/- lyric sync speed pill

Browse Source
This commit is contained in:
iamdoubz committed 2026-07-27 13:14:50 -05:00
1 parent 6180d2f638
commit 6be2f16e4a
1 file changed
+10 -7
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/radio.css
+10 -7
View File
@@ -197,16 +197,19 @@ audio[controls] { width: 100%; outline: 0; }
.lyrics-line.current { opacity: 1; font-weight: 700; }
.lyrics-sync {
position: sticky; top: 0; z-index: 1;
display: flex; align-items: center; justify-content: center; gap: 10px;
margin: -52px -20px 10px; padding: 10px 20px;
background: rgba(0, 0, 0, 0.85);
font-variant-numeric: tabular-nums; font-size: 0.85rem;
position: absolute; top: 48px; right: 10px; z-index: 2;
display: flex; align-items: center; gap: 6px;
padding: 4px 8px;
background: rgba(0, 0, 0, 0.55);
border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 999px;
backdrop-filter: blur(4px);
font-variant-numeric: tabular-nums; font-size: 0.75rem;
}
.lyrics-sync button {
width: 26px; height: 26px; border-radius: 50%;
width: 20px; height: 20px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff; cursor: pointer;
color: #fff; cursor: pointer; font-size: 0.8rem; line-height: 1; padding: 0;
}
.lyrics-sync button:hover, .lyrics-sync button:focus { background: rgba(255, 255, 255, 0.3); outline: 0; }
.lyrics-sync[hidden] { display: none; }