Re-work styles for the player (kinda not really, looks much better now though)
This commit is contained in:
parent
1658684197
commit
35d18ed555
1 changed files with 30 additions and 1 deletions
31
styles.css
31
styles.css
|
|
@ -3982,8 +3982,37 @@ img[src=''] {
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
.player-controls .progress-container {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
|
||||
.now-playing-bar {
|
||||
width: calc(96% - 190px) !important;
|
||||
left: calc(190px + 2%);
|
||||
bottom: 15px !important;
|
||||
border-radius: 16px;
|
||||
position: fixed !important;
|
||||
background-color: color-mix(in srgb, var(--card) 85%, transparent);
|
||||
backdrop-filter: blur(20px);
|
||||
border: 1px solid var(--border);
|
||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
|
||||
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
body:has(#fullscreen-cover-overlay:not([style*="display: none"])) .now-playing-bar {
|
||||
width: 96% !important;
|
||||
left: 2% !important;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.now-playing-bar {
|
||||
width: 96% !important;
|
||||
left: 2%;
|
||||
}
|
||||
}
|
||||
|
||||
.main-content {
|
||||
padding-bottom: 160px !important;
|
||||
}
|
||||
Loading…
Reference in a new issue