Adjust ui

trilitech · Oct 2, 2024 · 6eb6201 · 6eb6201
1 parent 89a380f
commit 6eb6201
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/apps/web/src/Layout.tsx b/apps/web/src/Layout.tsx
@@ -20,7 +20,8 @@ export const Layout = () => {
         base: '"header" "sidebar" "main" "footer" "nav"',
         md: `"header header" "sidebar nav" "sidebar main" "footer main"`,
       }}
-      height={{ md: "100vh", base: "100dvh" }}
+      height={{ md: "100vh" }}
+      minHeight={{ base: "100dvh" }}
       padding={{ md: "20px 46px 0", base: "54px 0 0" }}
       data-testid="signed-in-layout"
     >

diff --git a/apps/web/src/components/EmptyMessage/EmptyMessage.tsx b/apps/web/src/components/EmptyMessage/EmptyMessage.tsx
@@ -48,6 +48,7 @@ export const EmptyMessage = ({
       {cta && (
         <Button
           as={Link}
+          marginTop={{ base: "12px", md: "0" }}
           padding="0 24px"
           fontSize="18px"
           href={ctaUrl}

diff --git a/apps/web/src/components/Main/Main.tsx b/apps/web/src/components/Main/Main.tsx
@@ -9,7 +9,7 @@ import { Tokens } from "../../views/Tokens";
 export const Main = () => (
   <Box
     overflowY="auto"
-    height={{ md: "calc(100% + 29px)" }}
+    height={{ base: "100%", md: "calc(100% + 29px)" }}
     marginTop={{ md: "-75px" }}
     paddingTop={{ md: "75px" }}
     borderRadius="30px"

diff --git a/apps/web/src/index.scss b/apps/web/src/index.scss
@@ -13,7 +13,7 @@ body:before {
   top: 0;
   left: 0;
   right: 0;
-  height: 100vh;
+  min-height: 100%;
 }
 
 code {