#705 Fix mainpage footer combo position

Path-of-Modifiers · Nov 24, 2024 · 993d741 · 993d741
1 parent 69f4a5f
commit 993d741
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/frontend/src/components/Common/Footer.tsx b/src/frontend/src/components/Common/Footer.tsx
@@ -37,7 +37,6 @@ const Footer = (props: StackProps) => {
     <Stack
       {...props}
       width="100%"
-      minHeight="10rem"
       mt="auto"
       direction="column"
       color="ui.white"

diff --git a/src/frontend/src/components/Common/MainPage.tsx b/src/frontend/src/components/Common/MainPage.tsx
@@ -17,6 +17,7 @@ export const MainPage = (props: MainPageProps) => {
       bg="ui.main"
       width="99vw"
       minWidth="bgBoxes.miniPBox"
+      minH="100vh"
     >
       <>
         <Box mb={"7rem"}>
@@ -29,17 +30,21 @@ export const MainPage = (props: MainPageProps) => {
           justifyContent="center"
           maxWidth={"100%"}
           flexWrap="wrap"
-          minHeight="100vh"
           p={3}
           pl={10}
           pr={10}
           borderTopRadius={10}
           borderTopColor={"ui.darkBrown"}
           borderTopWidth={1}
           alignSelf="center"
+          minH="96vh"
         >
           {props.isReady && (
-            <VStack width={"bgBoxes.defaultBox"} height={"100%"} maxW={"100%"}>
+            <VStack
+              width={"bgBoxes.defaultBox"}
+              minHeight={"100vh"}
+              maxW={"100%"}
+            >
               <GraphInput />
               <QueryButtons />
 
@@ -48,10 +53,9 @@ export const MainPage = (props: MainPageProps) => {
                 minH={"bgBoxes.smallBox"}
                 height={"bgBoxes.smallBox"}
                 maxW="98vw"
-                mb="10rem"
                 justifyItems={"center"}
               />
-              <Footer />
+              <Footer minH="15rem" />
             </VStack>
           )}
         </Flex>