Fix navbar and page spacing

Signed-off-by: Jenny <[email protected]> update margin-top to 24px
kubeflow · Jan 16, 2025 · 37f2f13 · 37f2f13
1 parent 4cedb36
commit 37f2f13
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/clients/ui/frontend/src/app/App.tsx b/clients/ui/frontend/src/app/App.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Page,
   PageSection,
+  PageSidebar,
   Spinner,
   Stack,
   StackItem,
@@ -96,6 +97,8 @@ const App: React.FC = () => {
     );
   }
 
+  const sidebar = <PageSidebar isSidebarOpen={false} />;
+
   // Waiting on the API to finish
   const loading =
     !configLoaded || !userSettings || !configSettings || !contextValue || !namespacesLoaded;
@@ -121,7 +124,7 @@ const App: React.FC = () => {
           )
         }
         isManagedSidebar={isStandalone()}
-        sidebar={isStandalone() ? <NavSidebar /> : ''}
+        sidebar={isStandalone() ? <NavSidebar /> : sidebar}
       >
         <ModelRegistrySelectorContextProvider>
           <AppRoutes />

diff --git a/clients/ui/frontend/src/shared/style/MUI-theme.scss b/clients/ui/frontend/src/shared/style/MUI-theme.scss
@@ -59,7 +59,7 @@
   --kf-central-primary-background-color: #0a3b71;
   --kf-central-sidebar-default-color: #ffffff90;
   --kf-central-app-drawer-width: 240px;
-  --kf-central-app-bar-height: 64px;
+  --kf-central-app-bar-height: 24px;
 
   // Table
   --mui-table__button--BackgroundColor: none;