From 2da9c8e47af1a7ae8e1656909b8026ed39cefebe Mon Sep 17 00:00:00 2001
From: Hri7566 <hri7566@gmail.com>
Date: Thu, 14 Sep 2023 01:05:47 -0400
Subject: [PATCH] Fix header on mobile

---
 src/components/CornerLogo.tsx | 10 ++++++++++
 src/pages/about.tsx           |  5 ++---
 src/pages/team.tsx            |  5 ++---
 3 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 src/components/CornerLogo.tsx

diff --git a/src/components/CornerLogo.tsx b/src/components/CornerLogo.tsx
new file mode 100644
index 0000000..8eaaeda
--- /dev/null
+++ b/src/components/CornerLogo.tsx
@@ -0,0 +1,10 @@
+import Link from "next/link";
+import { Logo } from "./Logo";
+
+export const CornerLogo = () => {
+  return (
+    <Link className="absolute left-0 top-0 hidden sm:flex" href="/">
+      <Logo />
+    </Link>
+  );
+};
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index f3a3821..20fe576 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -2,14 +2,13 @@ import Link from "next/link";
 import { Logo } from "../components/Logo";
 import { NavigationBar } from "../components/NavigationBar";
 import { PageContentBox } from "~/components/PageContentBox";
+import { CornerLogo } from "~/components/CornerLogo";
 
 export default function About() {
   return (
     <div className="bg-black/60">
       <div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
-        <Link className="absolute left-0 top-0" href="/">
-          <Logo />
-        </Link>
+        <CornerLogo />
         <div className="absolute right-0 top-0">
           <NavigationBar />
         </div>
diff --git a/src/pages/team.tsx b/src/pages/team.tsx
index 113259a..8040386 100644
--- a/src/pages/team.tsx
+++ b/src/pages/team.tsx
@@ -3,14 +3,13 @@ import { Logo } from "../components/Logo";
 import { NavigationBar } from "~/components/NavigationBar";
 import { PageContentBox } from "~/components/PageContentBox";
 import { EmployeeList } from "~/components/EmployeeList";
+import { CornerLogo } from "~/components/CornerLogo";
 
 export default function Team() {
   return (
     <div className="bg-black/60">
       <div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
-        <Link className="absolute left-0 top-0" href="/">
-          <Logo />
-        </Link>
+        <CornerLogo />
         <div className="absolute right-0 top-0">
           <NavigationBar />
         </div>