xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-06 01:16:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Use darker background, link projects nav link to index

Browse Source
This commit is contained in:
Xevion
2023-02-14 20:29:52 -06:00
parent aada613219
commit 0ac81186a8
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/AppWrapper.tsx
View File

@@ -1,4 +1,4 @@
import {FunctionComponent, ReactNode} from "react"; import type {FunctionComponent, ReactNode} from "react";
import {Disclosure} from '@headlessui/react' import {Disclosure} from '@headlessui/react'
import {HiBars3, HiXMark} from "react-icons/hi2"; import {HiBars3, HiXMark} from "react-icons/hi2";
import {classNames} from "../utils/helpers"; import {classNames} from "../utils/helpers";
@@ -6,7 +6,7 @@ import Link from "next/link";
const navigation: { id: string, name: string, href: string }[] = [ const navigation: { id: string, name: string, href: string }[] = [
{id: 'home', name: 'Home', href: '/',}, {id: 'home', name: 'Home', href: '/',},
{id: 'projects', name: 'Projects', href: '/projects'}, {id: 'projects', name: 'Projects', href: '/#projects'}, // TODO: Switch this back to /projects once proper page is made
{id: 'contact', name: 'Contact', href: '/contact'}, {id: 'contact', name: 'Contact', href: '/contact'},
] ]
@@ -16,7 +16,7 @@ type WrapperProps = {
}; };
const AppWrapper: FunctionComponent<WrapperProps> = ({current, children}: WrapperProps) => { const AppWrapper: FunctionComponent<WrapperProps> = ({current, children}: WrapperProps) => {
return <div className="min-h-screen bg-zinc-800 text-zinc-50"> return <div className="min-h-screen bg-zinc-850 text-zinc-50">
<Disclosure as="nav" className="bg-zinc-900"> <Disclosure as="nav" className="bg-zinc-900">
{({open}) => ( {({open}) => (
<> <>

2
src/pages/index.tsx
View File

@@ -119,7 +119,7 @@ const Home: NextPage<HomeStaticProps> = ({projects}: HomeStaticProps) => {
</div> </div>
</div> </div>
</div> </div>
<div <div id="projects"
className="flex py-12 sm:py-8 min-h-screen flex-row md:items-center justify-center"> className="flex py-12 sm:py-8 min-h-screen flex-row md:items-center justify-center">
<div className="h-full w-full max-w-[95%] lg:max-w-[85%] xl:max-w-[70%] mx-auto"> <div className="h-full w-full max-w-[95%] lg:max-w-[85%] xl:max-w-[70%] mx-auto">
<div className="flex h-full m-1 flex-col justify-start gap-y-1"> <div className="flex h-full m-1 flex-col justify-start gap-y-1">