remove changes to style breakpoints improve text size, add new breakp…

…oints
MetaFam · Jul 3, 2023 · aad2c06 · aad2c06
1 parent 31104fd
commit aad2c06
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/packages/design-system/src/theme/index.ts b/packages/design-system/src/theme/index.ts
@@ -169,8 +169,8 @@ export const theme = extendTheme(
       base: '0em',
       sm: '30em',
       md: '48em',
-      lg: '71.5em',
-      xl: '87.5em',
+      lg: '62em',
+      xl: '80em',
       '2xl': '96em',
       '3xl': '120em',
       '4xl': '160em',

diff --git a/packages/web/components/MegaMenu/DesktopNavLinks.tsx b/packages/web/components/MegaMenu/DesktopNavLinks.tsx
@@ -35,7 +35,7 @@ export const DesktopNavLinks: React.FC<FlexProps> = (props) => (
                   variant="link"
                   minW="fit-content"
                   color="white"
-                  fontSize={{ lg: 'm', xl: 'lg' }}
+                  fontSize={{ m: 's', lg: 'm', xl: 'lg' }}
                   fontWeight={700}
                   textTransform="uppercase"
                   mx={{ lg: 3, xl: 6 }}
@@ -122,7 +122,7 @@ export const DesktopNavLinks: React.FC<FlexProps> = (props) => (
                     color={
                       section.type === 'external-link' ? '#79F8FB' : 'white'
                     }
-                    fontSize={{ lg: 'm', xl: 'lg' }}
+                    fontSize={{ m: 's', lg: 'm', xl: 'lg' }}
                     fontWeight={700}
                     textTransform="uppercase"
                     mx={{ lg: 3, xl: 6 }}

diff --git a/packages/web/components/MegaMenu/MegaMenuHeader.tsx b/packages/web/components/MegaMenu/MegaMenuHeader.tsx
@@ -86,7 +86,7 @@ export const MegaMenuHeader: React.FC = () => {
           cursor="pointer"
           h={8}
           w={8}
-          display={{ base: 'flex', lg: 'none' }}
+          display={{ base: 'flex', lg: 'flex', xl: 'none' }}
           p={2}
           my="auto"
         >
@@ -107,7 +107,13 @@ export const MegaMenuHeader: React.FC = () => {
           justify="center"
           align="center"
           pos="relative"
-          display={{ base: 'none', sm: 'none', md: 'none', lg: 'flex' }}
+          display={{
+            base: 'none',
+            sm: 'none',
+            md: 'none',
+            lg: 'none',
+            xl: 'flex',
+          }}
         >
           <Logo
             link={user ? '/dashboard' : '/'}

diff --git a/packages/web/utils/menuLinks.ts b/packages/web/utils/menuLinks.ts
@@ -83,6 +83,12 @@ export const MenuSectionLinks: MenuLinkSet[] = [
         url: '/learn/playbooks',
         icon: 'playbooks',
       },
+      {
+        title: 'The Great Houses',
+        explainerText: descriptions.thegreathouses,
+        url: '/learn/thegreathouses',
+        icon: 'thegreathouses',
+      },
     ],
   },
   {