fix: economize vertical space in header

coinbase · Feb 25, 2024 · 4b5e3b3 · 4b5e3b3
1 parent 6eee1d4
commit 4b5e3b3
Showing 1 changed file with 12 additions and 28 deletions.
diff --git a/framegear/components/Header/Header.tsx b/framegear/components/Header/Header.tsx
@@ -4,35 +4,19 @@ import Link from 'next/link';
 
 export function Header() {
   return (
-    <div className={`border-pallette-line flex w-full flex-col items-center gap-8 border-b py-8`}>
-      <h1 className={`max-w-layout-max w-full`}>
-        <AppName className="px-6 text-4xl" />
-      </h1>
-      <Banner />
-    </div>
-  );
-}
-
-function Banner() {
-  return (
-    <div
-      className={`max-w-layout-max border-pallette-line bg-content-light dark:bg-banner flex w-full items-center justify-between rounded-lg border p-6`}
-    >
-      <div className="flex items-center gap-4">
-        <div className="text-3xl">⚒️</div>
-        <section className="flex flex-col gap-2">
-          <h1 className="font-bold">This is a Frames debugger</h1>
-          <p>
-            Use <AppName /> to test out your Farcaster Frames and catch bugs!
-          </p>
-        </section>
+    <div className={`border-pallette-line flex w-full justify-center border-b py-8`}>
+      <div className="max-w-layout-max flex w-full items-center justify-between">
+        <h1>
+          <AppName className="px-6 text-4xl" />
+        </h1>
+        <Link
+          className="bg-content-light dark:bg-link-button flex items-center gap-1 rounded-full px-4 py-2"
+          href="https://docs.farcaster.xyz/reference/frames/spec"
+          target="_blank"
+        >
+          <span>Farcaster Frames specs</span> <ArrowTopRightIcon />
+        </Link>
       </div>
-      <Link
-        className="bg-content-light dark:bg-link-button flex items-center gap-1 rounded-full px-4 py-2"
-        href="https://docs.farcaster.xyz/reference/frames/spec"
-      >
-        <span>Farcaster Frames specs</span> <ArrowTopRightIcon />
-      </Link>
     </div>
   );
 }