regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show log in button on mobile view

Browse Source
This commit is contained in:
regalijan 2023-10-19 16:49:56 -04:00
parent 596904f35f
commit c2a55bb5e3
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/Navigation.tsx
View File

@ -51,11 +51,13 @@ export default function (props: {
<> <>
<Box as="section" pb={{ base: "6" }}> <Box as="section" pb={{ base: "6" }}>
<Box as="nav" boxSizing="unset"> <Box as="nav" boxSizing="unset">
<Container maxW="container.xl" py={{ base: "6" }}> <Container display="grid" maxW="container.xl" py={{ base: "6" }}>
<Container <Container
alignItems="center" alignItems="center"
className="mobile-nav" className="mobile-nav"
display="flex" display="flex"
gridColumn="1"
gridRow="1"
justifyContent="space-between" justifyContent="space-between"
p="0" p="0"
w="calc(100vw - 6rem)" w="calc(100vw - 6rem)"
@ -86,6 +88,8 @@ export default function (props: {
className="desktop-nav" className="desktop-nav"
display="flex" display="flex"
gap="0.5rem" gap="0.5rem"
gridColumn="1"
gridRow="1"
justifyContent="space-between" justifyContent="space-between"
p="0" p="0"
textAlign="center" textAlign="center"
@ -166,6 +170,9 @@ export default function (props: {
<Link href="/mod-queue">Moderation</Link> <Link href="/mod-queue">Moderation</Link>
<hr /> <hr />
<Flex alignItems="center" gap="1rem"> <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)} /> <Avatar display={data.id ? "" : "none"} src={getAvatarUrl(data)} />
<Text align="center" style={{ overflowWrap: "anywhere" }}> <Text align="center" style={{ overflowWrap: "anywhere" }}>
{data.id ? `${data.username}#${data.discriminator}` : ""} {data.id ? `${data.username}#${data.discriminator}` : ""}