make navigation minimum height of 100dvh

Southclaws · Jan 7, 2024 · bd73e2c · bd73e2c
1 parent fc1fabd
commit bd73e2c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/web/src/components/site/Navigation/Left/Left.tsx b/web/src/components/site/Navigation/Left/Left.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { LinkIcon, UsersIcon } from "@heroicons/react/24/outline";
+import { BookOpenIcon, LinkIcon, UsersIcon } from "@heroicons/react/24/outline";
 
 import { CategoryCreateTrigger } from "src/components/category/CategoryCreate/CategoryCreateTrigger";
 import { Link } from "src/theme/components/Link";
@@ -49,6 +49,11 @@ export function Left() {
 
           <Divider />
 
+          <Link w="full" size="xs" href="/directory">
+            <BookOpenIcon />
+            Knowledgebase
+          </Link>
+
           <Link w="full" size="xs" href="/l">
             <LinkIcon />
             Link directory

diff --git a/web/src/components/site/Navigation/navigation.module.css b/web/src/components/site/Navigation/navigation.module.css
@@ -17,6 +17,7 @@
   --grid-padding-inner: var(--spacing-3);
   --grid-padding-inner-right: 0px;
   --navgrid-right-bar-display: none;
+  min-height: 100dvh;
 }
 
 @media screen and (min-width: 1280px) {
@@ -139,6 +140,7 @@
 
 .main {
   grid-area: main;
+  height: 100%;
 }
 
 @media screen and (max-width: 1280px) {

diff --git a/web/src/layouts/Default.tsx b/web/src/layouts/Default.tsx
@@ -14,7 +14,7 @@ export function Default(props: PropsWithChildren) {
       vaul-drawer-wrapper=""
     >
       <Navigation>
-        <styled.main width="full" minW="0">
+        <styled.main width="full" height="full" minW="0">
           {props.children}
           <Box height="24"></Box>
         </styled.main>