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

Add style to hide nav links on mobile

Browse Source
This commit is contained in:
regalijan 2023-10-19 16:50:18 -04:00
parent 63b6392b13
commit dc8aae170b
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Navigation.tsx
View File

@ -36,7 +36,6 @@ function getAvatarUrl(userData: { [k: string]: any }): string {
export default function (props: { export default function (props: {
avatar?: string; avatar?: string;
discriminator?: string;
email?: string; email?: string;
hide?: boolean; hide?: boolean;
id?: string; id?: string;
@ -63,7 +62,7 @@ export default function (props: {
1 << 9, 1 << 9,
1 << 10, 1 << 10,
1 << 11, 1 << 11,
].find((int) => permissions & int) ].find((int) => permissions & int),
); );
} }
@ -76,6 +75,13 @@ export default function (props: {
} }
`} `}
</style> </style>
<style media="(max-width: 1280px)">
{`
#nav-links {
display: none
}
`}
</style>
<Box as="section" pb={{ base: "6" }}> <Box as="section" pb={{ base: "6" }}>
<Box as="nav" boxSizing="unset"> <Box as="nav" boxSizing="unset">
<Container display="grid" maxW="container.xl" py={{ base: "6" }}> <Container display="grid" maxW="container.xl" py={{ base: "6" }}>