From c2a55bb5e3ff10c1415a9a835be438ffff4f1034 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:49:56 -0400
Subject: [PATCH] Show log in button on mobile view

---
 components/Navigation.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index 7ab59bd..e598e66 100644
--- 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}` : ""}