wkc/lcm-potty-chart
Archived
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge pull request #11 from LucidKobold/polish

Browse Source 
Remove redundant componenets.
This commit is contained in:
Lucid Kobold
2021-11-27 19:37:26 -06:00
committed by GitHub
parent 178621538c 528d5850fe
commit eaacac3d0f
1 changed files with 45 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
theme/layout/Header.tsx
View File

@@ -119,53 +119,51 @@ const Header = (): JSX.Element => {
</HStack> </HStack>
{/* Desktop Nav Items and Mobile Menu Button */} {/* Desktop Nav Items and Mobile Menu Button */}
<Box h="auto" w="100%" px={4}> <HStack w="100%" px={4} h={12} alignItems="center" justifyContent="space-between" >
<Flex h={12} alignItems="center" justifyContent="space-between" > <HStack
<HStack w="100%"
w="100%" h="auto"
h="auto" alignItems="center"
alignItems="center" justifyContent="space-between"
justifyContent="space-between" >
> <Box w="auto" d={{ base: "flex", lg: "none " }}></Box>
<Box w="auto" d={{ base: "flex", lg: "none " }}></Box> <Box w="100%" d={{ base: "none", lg: "flex" }} m="auto">
<Box w="100%" d={{ base: "none", lg: "flex" }} m="auto"> <HStack
<HStack width="100%"
width="100%" alignItems="center"
alignItems="center" height="auto"
height="auto" spacing="5px"
spacing="5px" >
> <Heading as="h1" size="md">
<Heading as="h1" size="md"> {appName}
{appName} </Heading>
</Heading> <Heading color="whiteAlpha.500" as="h2" size="sm">
<Heading color="whiteAlpha.500" as="h2" size="sm"> {appVersion}
{appVersion} </Heading>
</Heading> </HStack>
</HStack> </Box>
</Box> <DesktopNav />
<DesktopNav /> </HStack>
</HStack> <Menu isLazy lazyBehavior="unmount" isOpen={open}>
<Menu isLazy lazyBehavior="unmount" isOpen={open}> <MenuButton
<MenuButton as={IconButton}
as={IconButton} aria-label="Mobile Menu"
aria-label="Mobile Menu" icon={menuIcon()}
icon={menuIcon()} onClick={() => setOpen(!open)}
onClick={() => setOpen(!open)} onMouseEnter={() => setHover(true)}
onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}
onMouseLeave={() => setHover(false)} d={{ base: "inline-flex", lg: "none" }}
d={{ base: "inline-flex", lg: "none" }} variant="mobileNav"
variant="mobileNav" bg={
bg={ transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)"
transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)" }
} type="button"
type="button" border={transparentNavbar ? "1px solid #0068ff" : "none"}
border={transparentNavbar ? "1px solid #0068ff" : "none"} id="mobile-menu-button"
id="mobile-menu-button" />
/> <MobileNav updateOpen={setOpen} />
<MobileNav updateOpen={setOpen} /> </Menu>
</Menu> </HStack>
</Flex>
</Box>
</Box> </Box>
); );
}; };