New: Redesigned the Now Playing section on desktops

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

View File

@@ -2179,6 +2179,30 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
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) {
.nowPlayingInfoContainer {
height: calc(95% - 4.2em);