Merge pull request #15 from tskaigi/feature/header

feat: 🎸 add header
tskaigi · Nov 22, 2024 · 7864e0f · 7864e0f
2 parents 0a62b09 + 22b6edd
commit 7864e0f
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 1 deletion.
diff --git a/public/logo.svg b/public/logo.svg
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Noto_Sans_JP, Outfit } from "next/font/google";
 import type React from "react";
 import "./globals.css";
+import { Header } from "@/components/Header";
 
 const outfit = Outfit({
   subsets: ["latin"],
@@ -26,6 +27,7 @@ export default function RootLayout({
   return (
     <html lang="ja" suppressHydrationWarning>
       <body className={`${outfit.variable} ${notoSansJP.variable} font-sans`}>
+        <Header />
         {children}
       </body>
     </html>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -2,7 +2,7 @@ import { SeekingSponsorsSection } from "@/components/SeekingSponsorsSection";
 
 export default function Home() {
   return (
-    <div className="flex flex-col items-center justify-center min-h-screen gap-4">
+    <div className="flex flex-col items-center justify-center gap-4">
       <h1 className="text-4xl font-bold">TSKaigi 2025</h1>
       <SeekingSponsorsSection />
     </div>

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+export function Header() {
+  return (
+    <header className="sticky top-0 w-full p-4 lg:p-8 bg-background">
+      <img src="/logo.svg" className="w-40 lg:w-64" alt="logo" />
+    </header>
+  );
+}