mirror of
https://github.com/kilyabin/psysonic.git
synced 2026-07-22 14:35:41 +00:00
fix padding (#221)
This commit is contained in:
@@ -1068,6 +1068,13 @@
|
|||||||
contain: paint;
|
contain: paint;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* When floating player is active, add extra bottom padding so content doesn't
|
||||||
|
get hidden behind the fixed floating bar (player height + bottom offset + minimal spacing).
|
||||||
|
!important needed to override inline padding:0 on App.tsx content-body */
|
||||||
|
.app-shell.floating-player .content-body {
|
||||||
|
padding-bottom: calc(var(--player-height) + 12px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Every page re-uses .content-body as its outer wrapper, but App.tsx already
|
/* Every page re-uses .content-body as its outer wrapper, but App.tsx already
|
||||||
renders one around <Routes /> as the scroll container. The inner one must
|
renders one around <Routes /> as the scroll container. The inner one must
|
||||||
not establish its own scroll ancestor — otherwise `position: sticky`
|
not establish its own scroll ancestor — otherwise `position: sticky`
|
||||||
|
|||||||
Reference in New Issue
Block a user