cdransf/augurymetal.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

additional asset and layout refactoring

Browse source
This commit is contained in:
Cory Dransfeldt 2022-06-06 09:45:36 -07:00
parent dec820fd01
commit 84e1509809
14 changed files with 27 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

26
components/LayoutWrapper.tsx
View file

@ -1,6 +1,4 @@
import siteMetadata from '@/data/siteMetadata'
import headerNavLinks from '@/data/headerNavLinks'
import Logo from '@/data/logo.svg'
import Link from './Link'
import SectionContainer from './SectionContainer'
import Footer from './Footer'
@ -15,30 +13,14 @@ const LayoutWrapper = ({ children }: Props) => {
return (
<SectionContainer>
<div className="flex h-screen flex-col justify-between">
<header className="flex items-center justify-between py-10">
<div>
<Link href="/" aria-label={siteMetadata.headerTitle}>
<div className="flex items-center justify-between">
<div className="mr-3">
<Logo />
</div>
{typeof siteMetadata.headerTitle === 'string' ? (
<div className="hidden h-6 text-2xl font-semibold sm:block">
{siteMetadata.headerTitle}
</div>
) : (
siteMetadata.headerTitle
)}
</div>
</Link>
</div>
<div className="flex items-center text-base leading-5">
<div className="hidden sm:block">
<header className="flex items-center justify-between py-6">
<div className="flex items-center text-base sm:w-full">
<div className="hidden sm:flex sm:w-full sm:justify-around">
{headerNavLinks.map((link) => (
<Link
key={link.title}
href={link.href}
className="p-1 font-medium text-gray-900 dark:text-gray-100 sm:p-4"
className="p-1 font-bold text-gray-900 hover:text-primary-400 dark:text-gray-100 dark:hover:text-primary-500 sm:p-4"
>
{link.title}
</Link>

2
components/MobileNav.tsx
View file

@ -62,7 +62,7 @@ const MobileNav = () => {
<div key={link.title} className="px-12 py-4">
<Link
href={link.href}
className="text-2xl font-bold tracking-widest text-gray-900 dark:text-gray-100"
className="text-2xl font-bold tracking-widest text-gray-900 hover:text-primary-400 dark:text-gray-100 dark:hover:text-primary-400"
onClick={onToggleNav}
>
{link.title}