1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Fix positioning of the main animated page elements

This commit is contained in:
Bill Thornton 2024-05-23 12:48:38 -04:00
parent bb9b4ce8bb
commit 7342e43bd4
2 changed files with 10 additions and 2 deletions

View file

@ -5,10 +5,14 @@ $mui-bp-md: 900px;
$mui-bp-lg: 1200px; $mui-bp-lg: 1200px;
$mui-bp-xl: 1536px; $mui-bp-xl: 1536px;
$drawer-width: 240px;
// Fix dashboard pages layout to work with drawer // Fix dashboard pages layout to work with drawer
.dashboardDocument { .dashboardDocument {
.mainAnimatedPage { .mainAnimatedPage {
position: relative; @media all and (min-width: $mui-bp-md) {
left: $drawer-width;
}
} }
.skinBody { .skinBody {

View file

@ -5,9 +5,13 @@ $mui-bp-md: 900px;
$mui-bp-lg: 1200px; $mui-bp-lg: 1200px;
$mui-bp-xl: 1536px; $mui-bp-xl: 1536px;
$drawer-width: 240px;
// Fix main pages layout to work with drawer // Fix main pages layout to work with drawer
.mainAnimatedPage { .mainAnimatedPage {
position: relative; @media all and (min-width: $mui-bp-md) {
left: $drawer-width;
}
} }
// Hide some items from the user "settings" page that are in the drawer // Hide some items from the user "settings" page that are in the drawer