mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
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:
@@ -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);
|
||||
|
Reference in New Issue
Block a user