setto/setto-nostr-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add lyrics to player

Browse source
This commit is contained in:
sakrecoer 2026-08-07 12:04:43 +02:00
parent c3a9df080e
commit 3e96c213eb
3 changed files with 77 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

45
themes/one-pager/assets/css/style.css
View file

@ -767,7 +767,52 @@ button {
font-size: 0.9rem;
white-space: pre-wrap;
}
/* Music lightbox lyrics - below controls */
.music-lightbox-lyrics {
margin-top: 1.5rem;
padding: 1.2rem 1.5rem;
background: rgba(0, 0, 0, 0.4);
border: 1px solid var(--accent-yellow);
border-radius: 0 8px 8px 0;
color: rgba(255, 255, 255, 0.85);
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 0.85rem;
line-height: 1.8;
max-height: 200px;
overflow-y: auto;
text-align: left;
width: 100%;
max-width: 500px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
scrollbar-width: thin;
scrollbar-color: var(--accent-yellow) rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 20px #0000008a;
}
.music-lightbox-lyrics::-webkit-scrollbar {
width: 4px;
}
.music-lightbox-lyrics::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 2px;
}
.music-lightbox-lyrics::-webkit-scrollbar-thumb {
background: var(--accent-yellow);
border-radius: 2px;
}
.music-lightbox-lyrics p {
margin-bottom: 0.5rem;
}
.music-lightbox-lyrics br {
display: block;
margin: 0.2rem 0;
}
/* Photo Grid - KEEP SKEW ON CARDS */
.photo-grid {
display: grid;