From c82da4a4e7af689fac869983e36b7e72d480c988 Mon Sep 17 00:00:00 2001
From: incognitotgt <mashoor539@icloud.com>
Date: Mon, 1 Jan 2024 18:07:50 -0500
Subject: [PATCH] fixed planet not rotating, fixed responsive text size

---
 src/components/Header.tsx              | 20 +++++++++-----------
 src/components/iframe/IframeHeader.tsx |  2 +-
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index fcad4b9..1c3016d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -18,18 +18,16 @@ export function Header() {
       id="navbar"
       className="flex h-16 flex-row items-center justify-between bg-navbar-color px-4"
     >
-      <Link href="/" className="w-1/8">
+      <Link href="/" class="w-1/8">
         <div className="relative flex flex-row items-center">
-          <div className="relative h-16 w-16">
-            <div className="from-slate-300 to-transparent mask absolute inset-0 bg-gradient-to-br"></div>
-            <img
-              src="/logo.png"
-              alt="Nebula Logo"
-              className="h-full w-full transition-all duration-1000 hover:rotate-[360deg]"
-            />
-          </div>
-          <h1 className="font-roboto text-2xl font-bold text-navbar-text-color">
-            {t("header.title")}
+          <img
+            src="/logo.png"
+            className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]"
+            alt="Nebula Logo"
+          ></img>
+          <h1 className="font-roboto invisible whitespace-nowrap text-2xl font-bold text-navbar-text-color sm:visible sm:text-4xl">
+            {" "}
+            {t("header.title")}{" "}
           </h1>
         </div>
       </Link>
diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index 729c51d..da8c31c 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -39,7 +39,7 @@ export function IframeHeader(props: { url: string }) {
             className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]"
             alt="Nebula Logo"
           ></img>
-          <h1 className="font-roboto invisible whitespace-nowrap font-bold text-navbar-text-color sm:visible sm:text-2xl">
+          <h1 className="font-roboto invisible whitespace-nowrap text-2xl font-bold text-navbar-text-color sm:visible sm:text-4xl">
             {" "}
             {t("header.title")}{" "}
           </h1>