mobile fixes

Aut-Labs · May 21, 2024 · 9eb8385 · 9eb8385
1 parent 4c20765
commit 9eb8385
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 11 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -60,7 +60,10 @@ function App() {
                   backgroundAttachment: "fixed",
                   backgroundSize: "cover",
                   backgroundPosition: "center",
-                  height: "100vh",
+                  height: {
+                    xs: window.innerHeight,
+                    sm: "100%"
+                  },
                   width: "100vw",
                   position: "fixed",
                   top: 0,

diff --git a/src/pages/Nova/AutNovaTabs/Archetype/Archetype.tsx b/src/pages/Nova/AutNovaTabs/Archetype/Archetype.tsx
@@ -56,7 +56,10 @@ const Archetypes = ({ nova }) => {
   };
 
   return (
-    <Container maxWidth="lg" sx={{ py: "20px", height: "100%" }}>
+    <Container
+      maxWidth="lg"
+      sx={{ py: "20px", height: "100%", minHeight: "300px" }}
+    >
       <>
         <ErrorDialog
           handleClose={() => setNotAdminOpen(false)}
@@ -79,11 +82,32 @@ const Archetypes = ({ nova }) => {
               justifyContent: "center",
               gridGap: "12px",
               textAlign: "center",
-              position: "absolute",
-              top: "60px",
-              left: "60px",
-              right: "60px",
-              bottom: "60px",
+              padding: {
+                xs: "30px 20px"
+              },
+              position: {
+                xs: "relative",
+                sm: "absolute"
+              },
+              width: {
+                xs: "100%"
+              },
+              top: {
+                xs: "0",
+                sm: "60px"
+              },
+              left: {
+                xs: "0",
+                sm: "60px"
+              },
+              right: {
+                xs: "0",
+                sm: "60px"
+              },
+              bottom: {
+                xs: "0",
+                sm: "60px"
+              },
               zIndex: 99,
               backdropFilter: "blur(12px)",
               background: "rgba(128, 128, 128, 0.06)",

diff --git a/src/pages/Nova/ToolbarConnector.tsx b/src/pages/Nova/ToolbarConnector.tsx
@@ -55,11 +55,11 @@ export const ToolbarConnector = () => {
             flexDirection: {
               xs: "row",
               sm: "row"
-            },
-            py: {
-              xs: "8px",
-              sm: 0
             }
+            // py: {
+            //   xs: "8px",
+            //   sm: 0
+            // }
           }
         }}
       >