chore(web): fix navbar and footer mobile responsiveness

2 years ago · 33324f5515
2 changed files with 10 additions and 3 deletions
--- a/web/components/Footer.tsx
+++ b/web/components/Footer.tsx
@ -30,7 +30,14 @@ export default function Footer() {
        justify={'center'}
        align={'center'}
      >
-        <Stack direction={'row'} spacing={6}>
+        <Stack
+          direction={{
+            base: 'column',
+            sm: 'column',
+            md: 'row',
+          }}
+          spacing={6}
+        >
          <Link href='/'>Home</Link>
          <Link href='/dashboard'>Dashboard</Link>
          <NoSSRAnimatedWrapper>
--- a/web/components/Navbar.tsx
+++ b/web/components/Navbar.tsx
@ -81,11 +81,11 @@ export default function Navbar() {
              </Link>
            </Menu>

-            <Menu>
+            {/* <Menu>
              <Link href='https://github.com/vernu/textbee' passHref>
                <MenuButton>Github</MenuButton>
              </Link>
-            </Menu>
+            </Menu> */}

            {!authUser && (
              <Menu>