refactor(ui): Refactor flex layout

apache · Apr 7, 2024 · 9853a60 · 9853a60
1 parent 3bec091
commit 9853a60
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/ui/src/components/SideNav/index.scss b/ui/src/components/SideNav/index.scss
@@ -48,7 +48,6 @@
     width: 1px;
     height: 100%;
     background-color: var(--bs-border-color);
-    min-height: calc(100vh - 62px - 74px);
   }
 }
 

diff --git a/ui/src/pages/Layout/index.tsx b/ui/src/pages/Layout/index.tsx
@@ -75,7 +75,7 @@ const Layout: FC = () => {
         }}>
         <Header />
         {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}
-        <div className="position-relative page-wrap">
+        <div className="position-relative page-wrap d-flex flex-column flex-fill">
           {httpStatusCode ? (
             <HttpErrorContent httpCode={httpStatusCode} />
           ) : (

diff --git a/ui/src/pages/SideNavLayout/index.tsx b/ui/src/pages/SideNavLayout/index.tsx
@@ -27,8 +27,8 @@ import '@/common/sideNavLayout.scss';
 
 const Index: FC = () => {
   return (
-    <Container>
-      <Row>
+    <Container className="d-flex flex-column flex-fill">
+      <Row className="flex-fill">
         <SideNav />
         <Col xl={10} lg={9} md={12}>
           <Outlet />