Show log in button on mobile view

regalijan · Oct 19, 2023 · c2a55bb · c2a55bb
1 parent 596904f
commit c2a55bb
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -51,11 +51,13 @@ export default function (props: {
     <>
       <Box as="section" pb={{ base: "6" }}>
         <Box as="nav" boxSizing="unset">
-          <Container maxW="container.xl" py={{ base: "6" }}>
+          <Container display="grid" maxW="container.xl" py={{ base: "6" }}>
             <Container
               alignItems="center"
               className="mobile-nav"
               display="flex"
+              gridColumn="1"
+              gridRow="1"
               justifyContent="space-between"
               p="0"
               w="calc(100vw - 6rem)"
@@ -86,6 +88,8 @@ export default function (props: {
               className="desktop-nav"
               display="flex"
               gap="0.5rem"
+              gridColumn="1"
+              gridRow="1"
               justifyContent="space-between"
               p="0"
               textAlign="center"
@@ -166,6 +170,9 @@ export default function (props: {
           <Link href="/mod-queue">Moderation</Link>
           <hr />
           <Flex alignItems="center" gap="1rem">
+            <Link display={data.id ? "none" : ""} href="/api/auth/oauth">
+              Log In
+            </Link>
             <Avatar display={data.id ? "" : "none"} src={getAvatarUrl(data)} />
             <Text align="center" style={{ overflowWrap: "anywhere" }}>
               {data.id ? `${data.username}#${data.discriminator}` : ""}