From 349457574bc9568a13962702b3300dd543f2c927 Mon Sep 17 00:00:00 2001
From: Xevion <ryanchwalters@gmail.com>
Date: Sat, 25 Feb 2023 20:02:20 -0600
Subject: [PATCH] Fix Contact page card bg colors, lower navbar link hover
 contrast

---
 src/components/AppWrapper.tsx | 4 ++--
 src/pages/contact.tsx         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/AppWrapper.tsx b/src/components/AppWrapper.tsx
index b39782d..12d6f6c 100644
--- a/src/components/AppWrapper.tsx
+++ b/src/components/AppWrapper.tsx
@@ -44,8 +44,8 @@ const AppWrapper: FunctionComponent<WrapperProps> = ({current, children, hideNav
                                                 key={item.name}
                                                 href={item.href}
                                                 className={classNames(
-                                                    item.id == current ? 'bg-zinc-900 text-white' : 'text-gray-300 hover:bg-zinc-700 hover:text-white',
-                                                    'px-3 py-2 rounded-md text-sm font-medium text-lg'
+                                                    item.id == current ? 'bg-zinc-900 text-white' : 'text-gray-300 hover:bg-zinc-800/60 hover:text-white',
+                                                    'px-2.5 py-1 rounded-md text-sm font-medium text-lg'
                                                 )}
                                                 aria-current={item.id == current ? 'page' : undefined}
                                             >
diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx
index bee4764..6df9f02 100644
--- a/src/pages/contact.tsx
+++ b/src/pages/contact.tsx
@@ -3,7 +3,7 @@ import AppWrapper from "../components/AppWrapper";
 import {BsDiscord, BsGithub} from "react-icons/bs";
 import {AiFillMail} from "react-icons/ai";
 import Link from "next/link";
-import {IconType} from "react-icons";
+import type {IconType} from "react-icons";
 import Tippy from "@tippyjs/react";
 import 'tippy.js/dist/tippy.css';
 
@@ -27,7 +27,7 @@ const ContactPage: NextPage = () => {
     return <AppWrapper current='contact'>
         <div className="w-full my-10 flex flex-col items-center">
             <div
-                className="bg-zinc-800 border border-zinc-700 rounded-md max-w-[23rem] sm:max-w-[25rem] lg:max-w-[30rem] mx-3 w-full p-5 flex flex-col">
+                className="bg-zinc-800/50 border border-zinc-800 rounded-md max-w-[23rem] sm:max-w-[25rem] lg:max-w-[30rem] mx-3 w-full p-5 flex flex-col">
                 <div className="flex justify-center gap-x-5 text-center">
                     {socials.map(({icon: Icon, href, hint, hideHint}, index) => {
                         const inner = <Icon className="w-8 h-8"/>;