boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

New: Updated lyrics page with layout improvements and animations

Browse Source
This commit is contained in:
lscambo13
2025-01-21 09:45:10 -08:00
parent 7027d7f5f4
commit 6b1b61ac93
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
Theme/ElegantFin-theme-nightly.css
View File

@@ -640,6 +640,31 @@ html {
transition: all .375s ease-in-out; transition: all .375s ease-in-out;
} }
.lyricPage {
padding-inline: 1em;
}
.lyricsLine {
font-size: 2.5em;
margin: 0.5em;
color: var(--textColor);
text-align: center;
align-self: center;
font-weight: 600;
transition: transform .125s;
}
.pastLyric,
.futureLyric {
transform: scale(.75);
font-weight: 400;
text-align: center;
}
.pastLyric {
opacity: .5;
}
.itemProgressBar:not(.backgroundProgress, .playbackProgress, .transcodingProgress) { .itemProgressBar:not(.backgroundProgress, .playbackProgress, .transcodingProgress) {
backdrop-filter: blur(.1em); backdrop-filter: blur(.1em);
background-color: rgb(123 123 123 / 30%) !important; background-color: rgb(123 123 123 / 30%) !important;