From d60eb5f34aea45894039053a9a94b0efbb435a0d Mon Sep 17 00:00:00 2001 From: trafficlunar Date: Fri, 28 Mar 2025 21:31:10 +0000 Subject: [PATCH] style: make everything look a lot better --- src/app/components/header.tsx | 23 ++++++++++++------ src/app/components/search-bar.tsx | 4 ++-- src/app/layout.tsx | 6 ++--- src/app/page.tsx | 40 ++++++++----------------------- 4 files changed, 31 insertions(+), 42 deletions(-) diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx index b79659d..cc79255 100644 --- a/src/app/components/header.tsx +++ b/src/app/components/header.tsx @@ -5,26 +5,35 @@ import { Icon } from "@iconify/react"; export default function Header() { return ( -
- +
+ TomodachiShare -
    +
    • - - + +
    • - + Submit
    • - + Login
      • diff --git a/src/app/components/search-bar.tsx b/src/app/components/search-bar.tsx index 3fecc06..9d03063 100644 --- a/src/app/components/search-bar.tsx +++ b/src/app/components/search-bar.tsx @@ -4,8 +4,8 @@ import { Icon } from "@iconify/react"; export default function SearchBar() { return ( -
      - +
      + diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b5bd7c4..011ff20 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,10 +1,10 @@ import type { Metadata } from "next"; -import { Inter } from "next/font/google"; +import { Lexend } from "next/font/google"; import "./globals.css"; import Header from "./components/header"; -const inter = Inter({ +const lexend = Lexend({ subsets: ["latin"], }); @@ -20,7 +20,7 @@ export default function RootLayout({ }>) { return ( - +
      {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index afd8534..c5deecf 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,38 +1,18 @@ export default function Page() { return (
      -
      - mii -
      -

      Frieren

      -
      - Anime - Test + {[...Array(3)].map(() => ( +
      + mii +
      +

      Frieren

      +
      + Anime + Test +
      -
      - -
      - mii -
      -

      Frieren

      -
      - Anime - Test -
      -
      -
      - -
      - mii -
      -

      Frieren

      -
      - Anime - Test -
      -
      -
      + ))}
      ); }