github/TheGame
1
1
Fork 0
mirror of https://github.com/MetaFam/TheGame.git synced 2026-04-24 03:00:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

change position of nav

Browse Source
This commit is contained in:
Seroxdesign
2023-07-18 06:17:15 -04:00
committed by Alec LaLonde
parent 59a5a8aae7
commit c08eb17b66
1 changed files with 18 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
packages/web/components/Landing/LandingHeader.tsx
View File

@@ -309,11 +309,7 @@ export const LandingHeader: React.FC = () => {
fontSize={{ base: 'md', md: 'lg', lg: '2xl' }}
zIndex={2}
>
<VStack
spacing={4}
alignItems="flex-start"
display={{ base: 'none', sm: 'none', md: 'none', lg: 'flex' }}
>
<VStack spacing={4} alignItems="flex-start">
{sections.map((section, index) => (
<NavLink
key={index}
@@ -325,14 +321,12 @@ export const LandingHeader: React.FC = () => {
</NavLink>
))}
</VStack>
<VStack
<HStack
display={{ base: 'flex', sm: 'flex', md: 'flex', lg: 'none' }}
spacing={3}
minW={5}
zIndex={400}
flexFlow="column-reverse"
justifyContent={'space-around'}
flexDirection={'row'}
sx={{
opacity: 1,
opacity: 0.7,
transition: 'opacity 0.2s 0.2s ease',
'&:hover': { opacity: 0.8 },
a: {
@@ -348,89 +342,47 @@ export const LandingHeader: React.FC = () => {
>
<MetaLink href="https://github.com/metafam" my={3} isExternal>
<Tooltip label="Github" hasArrow placement="right">
<Box
as="span"
display={'flex'}
flexDir={'row'}
alignItems={'center'}
justifyContent={'space-between'}
w={'35vw'}
>
<FaGithub /> Github
<Box as="span">
<FaGithub />
</Box>
</Tooltip>
</MetaLink>
<MetaLink href="https://chat.metagame.wtf" isExternal>
<Tooltip label="Discord" hasArrow placement="right">
<Box
as="span"
display={'flex'}
flexDir={'row'}
alignItems={'center'}
justifyContent={'space-between'}
w={'35vw'}
>
<FaDiscord /> Discord
<Box as="span">
<FaDiscord />
</Box>
</Tooltip>
</MetaLink>
<MetaLink href="https://twitter.com/metafam" isExternal>
<Tooltip label="Twitter" hasArrow placement="right">
<Box
as="span"
display={'flex'}
flexDir={'row'}
alignItems={'center'}
justifyContent={'space-between'}
w={'35vw'}
>
<FaTwitter /> Twitter
<Box as="span">
<FaTwitter />
</Box>
</Tooltip>
</MetaLink>
<MetaLink href="/players">
<Tooltip label="Leaderboard" hasArrow placement="right">
<Box
as="span"
display={'flex'}
flexDir={'row'}
alignItems={'center'}
justifyContent={'space-between'}
w={'35vw'}
>
<FaTrophy /> Leaderboard
<Box as="span">
<FaTrophy />
</Box>
</Tooltip>
</MetaLink>
<MetaLink href="/dashboard">
<Tooltip label="Dashboard" hasArrow placement="right">
<Box
as="span"
display={'flex'}
flexDir={'row'}
alignItems={'center'}
justifyContent={'space-between'}
w={'35vw'}
>
<FaHome /> Dashboard
<Box as="span">
<FaHome />
</Box>
</Tooltip>
</MetaLink>
<MetaLink href="/me">
<Tooltip label="Player Profile" hasArrow placement="right">
<Box
as="span"
display={'flex'}
flexDir={'row'}
alignItems={'center'}
justifyContent={'space-between'}
w={'35vw'}
>
<FaUserCircle /> Profile
<Box as="span">
<FaUserCircle />
</Box>
</Tooltip>
</MetaLink>
</VStack>
</HStack>
</Stack>
<AnimatedWaves
animationName={upDownAnimation}