squid/blog
1
2
Fork 0
Code Issues 11 Pull Requests Actions Projects 1 Releases 2 Wiki Activity

BLOG-11 feat: apply navbar logo
All checks were successful
Frontend CI / build (push) Successful in 1m25s
Details

Browse Source
This commit is contained in:
SquidSpirit 2025-01-24 01:25:52 +08:00
parent 420dd6bd4e
commit 6301f48e3d
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/layout.tsx
View File

@ -2,8 +2,8 @@ import type { Metadata } from "next";
import { Noto_Sans_Mono, Noto_Sans_TC } from "next/font/google"; import { Noto_Sans_Mono, Noto_Sans_TC } from "next/font/google";
import localFont from "next/font/local"; import localFont from "next/font/local";
import Footer from "@/lib/common/presenter/ui/Footer"; import Footer from "@/lib/common/framework/ui/Footer";
import Navbar from "@/lib/common/presenter/ui/Navbar"; import Navbar from "@/lib/common/framework/ui/Navbar";
import "./globals.css"; import "./globals.css";

0
frontend/src/lib/common/presenter/ui/Footer.tsx → frontend/src/lib/common/framework/ui/Footer.tsx
View File

6
frontend/src/lib/common/presenter/ui/Navbar.tsx → frontend/src/lib/common/framework/ui/Navbar.tsx
View File

@ -1,11 +1,13 @@
import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
export default function Navbar() { export default function Navbar() {
return ( return (
<div className="border-b border-gray-300"> <div className="border-b border-gray-300">
<div className="mx-auto flex h-[--tool-bar-height] max-w-screen-xl flex-row items-center justify-between px-4 md:px-6"> <div className="mx-auto flex h-[--tool-bar-height] max-w-screen-xl flex-row items-center justify-between px-4 md:px-6">
<Link className="text-2xl font-black text-gray-800" href="/"> <Link className="flex flex-row items-center gap-x-2" href="/">
魚之魷魂 <Image className="mt-1 size-10" src="/icon/logo-light.svg" alt="SquidSpirit" height={40} width={40} />
<span className="text-2xl font-black text-gray-800">魚之魷魂</span>
</Link> </Link>
<div className="flex flex-row items-center gap-x-6"> <div className="flex flex-row items-center gap-x-6">
<Action label="首頁" link="/" isSelected={true} /> <Action label="首頁" link="/" isSelected={true} />