Calender Navigation #13

Merged
LucidKobold merged 15 commits from context into main 2021-12-01 15:34:58 -05:00
2 changed files with 15 additions and 16 deletions
Showing only changes of commit 79eb46ef3a - Show all commits

View File

@@ -74,10 +74,7 @@ const Footer = (): JSX.Element => {
target="_blank"
rel="noopener"
>
<Button
color="whiteAlpha"
variant="credits"
>
<Button color="whiteAlpha" variant="credits">
More About This App
</Button>
</Link>
@@ -101,8 +98,7 @@ const Footer = (): JSX.Element => {
<Text color="brand.footerText" fontSize="xs">
&copy;
{" 2021 - "}
{new Date().getFullYear()}
{" "}
{new Date().getFullYear()}{" "}
<Link
href="https://lucidcreations.media"
rel="noopener"

View File

@@ -14,9 +14,8 @@ import DesktopNav from "./DesktopNav";
import MobileNav from "./MobileNav";
const Header = (): JSX.Element => {
const appName = "LCM Potty Chart"
const appVersion = "v0.0.2.5-pre-alpha"
const appName = "LCM Potty Chart";
const appVersion = "v0.0.2.6-pre-alpha";
// Add transparency while not at the top of the page.
const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);
@@ -119,7 +118,13 @@ const Header = (): JSX.Element => {
</HStack>
{/* Desktop Nav Items and Mobile Menu Button */}
<HStack w="100%" px={4} h={12} alignItems="center" justifyContent="space-between" >
<HStack
w="100%"
px={4}
h={12}
alignItems="center"
justifyContent="space-between"
>
<HStack
w="100%"
h="auto"
@@ -154,9 +159,7 @@ const Header = (): JSX.Element => {
onMouseLeave={() => setHover(false)}
d={{ base: "inline-flex", lg: "none" }}
variant="mobileNav"
bg={
transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)"
}
bg={transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)"}
type="button"
border={transparentNavbar ? "1px solid #0068ff" : "none"}
id="mobile-menu-button"