fix(frontend): Remove extra page padding (#763)

Signed-off-by: Jenny <[email protected]>
kubeflow · Feb 11, 2025 · e964e3b · e964e3b
1 parent c27b8b1
commit e964e3b
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/clients/ui/frontend/src/shared/style/MUI-theme.scss b/clients/ui/frontend/src/shared/style/MUI-theme.scss
@@ -764,9 +764,8 @@
   --pf-v6-c-button--PaddingInlineEnd: none;
 }
 
-.mui-theme .pf-v6-c-page__main-container {
-  --pf-v6-c-page__main-container--BorderRadius: var(--mui-shape-borderRadius);
-  box-shadow: var(--mui-shadows-1);
+.mui-theme .pf-v6-c-page {
+  --pf-v6-c-page--BackgroundColor: var(--mui-palette-common-white);
 }
 
 .mui-theme .pf-v6-c-pagination {
@@ -801,20 +800,27 @@
   /* Position sidebar above the masthead */
 }
 
-.mui-theme .pf-v6-c-page__main-container {
-  margin-top: var(--kf-central-app-bar-height);
-  /* Move content area below the app bar */
-}
 
 /* Hide Masthead Toggle by default */
 .mui-theme .pf-v6-c-masthead__toggle {
   display: none;
 }
 
 /* Show Masthead Toggle on viewports below 1270px */
-@media (max-width: 1270px) {
+@media (max-width: 1200px) {
   .mui-theme .pf-v6-c-masthead__toggle {
     display: block;
     padding-block-start: var(--mui-spacing-4px);
   }
-}
+
+  .mui-theme .pf-v6-c-page__main-container {
+    margin-left: 0;
+  }
+}
+
+.pf-v6-c-page__sidebar:not(.pf-m-collapsed)+.pf-v6-c-page__main-container,
+.pf-v6-c-page__sidebar:not(.pf-m-collapsed)+.pf-v6-c-page__drawer {
+  --pf-v6-c-page__main-container--MarginInlineStart: calc(-2 * var(--mui-spacing-16px));
+  --pf-v6-c-page__main-section--PaddingInlineStart: none;
+  --pf-v6-c-page__main-section--PaddingInlineEnd: none;
+}