Calender Navigation #13
@@ -1,4 +1,4 @@
|
||||
import React/*, { useEffect, useRef, useState }*/ from "react";
|
||||
import React /*, { useEffect, useRef, useState }*/ from "react";
|
||||
import {
|
||||
Box,
|
||||
Text,
|
||||
@@ -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">
|
||||
©
|
||||
{" 2021 - "}
|
||||
{new Date().getFullYear()}
|
||||
{" "}
|
||||
{new Date().getFullYear()}{" "}
|
||||
<Link
|
||||
href="https://lucidcreations.media"
|
||||
rel="noopener"
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user