Fix footer

starknet-io · Jan 2, 2024 · 75c84c9 · 75c84c9
1 parent 8f4a34e
commit 75c84c9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/workspaces/website/src/components/Footer/Footer.tsx b/workspaces/website/src/components/Footer/Footer.tsx
@@ -27,6 +27,8 @@ type RootProps = {
   };
 
 const Root = ({ children, seo, ...rest }: RootProps) => {
+  console.log(children);
+
   return (
     <Box as="footer" role="contentinfo" {...rest} margin="auto" maxWidth="auto">
       <Box>
@@ -43,7 +45,7 @@ const Root = ({ children, seo, ...rest }: RootProps) => {
           >
             <Stack
               spacing={{ base: "12", md: "8" }}
-              direction={{ base: "column-reverse", lg: "row" }}
+              direction={{ base: "column-reverse", xl: "row" }}
               py={{ base: "12", md: "16" }}
               justify="space-between"
               maxW="1200"
@@ -83,7 +85,7 @@ const Root = ({ children, seo, ...rest }: RootProps) => {
                   justify={{ base: "space-between", sm: "start" }}
                   width={{ base: "full", sm: "auto" }}
                   spacing="0"
-                  order={{ base: 2, lg: 1 }}
+                  order={{ base: 2, xl: 1 }}
                 >
                   <Box pr="24px">
                     <StarknetLogo height="32" />
@@ -110,7 +112,7 @@ const Root = ({ children, seo, ...rest }: RootProps) => {
                   </Text>
                 </HStack>
                 <ButtonGroup
-                  order={{ base: 1, lg: 2 }}
+                  order={{ base: 1, xl: 2 }}
                   paddingBottom={{ base: "36px", md: 0 }}
                 >
                   <IconButton
@@ -162,7 +164,7 @@ type ColumnProps = {
 
 const Column = ({ title, children, color }: ColumnProps) => {
   return (
-    <Stack bg={color} spacing="4" minW={{ lg: "40" }}>
+    <Stack bg={color} spacing="4" minW={{ xl: "40" }}>
       {/* <Text fontSize="sm" fontWeight="semibold" color="subtle">
         {title}
       </Text> */}

diff --git a/workspaces/website/src/pages/(components)/Footer.tsx b/workspaces/website/src/pages/(components)/Footer.tsx
@@ -34,7 +34,7 @@ export const Footer = ({ mainMenu, seo }: Props) => {
           />
         }
         align="stretch"
-        gap={10}
+        gap={{ base: "5", lg: "10" }}
         alignItems="flex-start"
         justifyContent="flex-start"
         direction={{ base: "column", md: "row" }}