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: Redesigned the Now Playing section on desktops

Browse Source 
New: Now playing section now sticks to the top of the screen on desktops; particularly useful in a large music library
This commit is contained in:
lscambo13
2025-02-02 14:43:05 +05:30
parent bb7c2acf7d
commit a65c30796c
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2179,6 +2179,30 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
border-color: transparent; border-color: transparent;
} }
.layout-desktop .nowPlayingInfoContainer {
position: -webkit-sticky;
position: sticky;
top: 5em;
padding: 1em;
margin-bottom: 2em;
backdrop-filter: var(--blurLargest);
border: var(--defaultLighterBorder);
z-index: 2;
background-color: var(--headerColor);
box-shadow: var(--shadow);
border-radius: var(--largerRadius);
box-sizing: border-box;
}
.layout-desktop .nowPlayingInfoControls {
margin: 0em 2em;
}
.nowPlayingPageImage {
box-shadow: var(--shadow);
border-radius: var(--smallRadius);
}
@media (orientation: portrait) and (max-width: 43em) { @media (orientation: portrait) and (max-width: 43em) {
.nowPlayingInfoContainer { .nowPlayingInfoContainer {
height: calc(95% - 4.2em); height: calc(95% - 4.2em);