From 00f08aae07e8833778d02e1a3b1889440679deed Mon Sep 17 00:00:00 2001 From: Celina Date: Thu, 11 Jul 2024 18:23:52 -0700 Subject: [PATCH] Refactor contact nav link --- app/components/Nav/Nav.tsx | 6 ++++-- app/globals.css | 8 ++++++++ app/layout.tsx | 2 +- 3 files changed, 13 insertions(+), 3 deletions(-) diff --git a/app/components/Nav/Nav.tsx b/app/components/Nav/Nav.tsx index 08a3704..cc6b4a6 100644 --- a/app/components/Nav/Nav.tsx +++ b/app/components/Nav/Nav.tsx @@ -1,4 +1,4 @@ -import { Stack, Typography } from "@mui/material"; +import { Stack, Typography, useMediaQuery } from "@mui/material"; import Link from "next/link"; import { Contact } from "../Contact/Contact"; @@ -7,6 +7,7 @@ export const NavBar = () => { { name: "About", link: "/#about" }, { name: "Skills", link: "/#skills" }, { name: "Portfolio", link: "/#projects" }, + { name: "Contact", link: "/#home" }, ]; return ( { > {navItems.map((navItem) => ( diff --git a/app/globals.css b/app/globals.css index d1f9eb2..38f73dc 100644 --- a/app/globals.css +++ b/app/globals.css @@ -131,6 +131,10 @@ a:hover { justify-content: center; } +#Contact-link { + display: none; +} + @media (prefers-color-scheme: dark) { html { color-scheme: dark; @@ -164,6 +168,10 @@ a:hover { background-color: #1C1C1D; } + #Contact-link { + display: block; + } + .mobileNavItem { padding-right: 1rem; } diff --git a/app/layout.tsx b/app/layout.tsx index 4fb61cb..71c8371 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -15,7 +15,7 @@ export default function RootLayout(props: { children: any }) { - + {children}