BLOG-11 Custom favicon and logo #32

Merged
squid merged 2 commits from BLOG-11_custom_favicon_and_logo into main 2025-01-24 01:35:19 +08:00
3 changed files with 6 additions and 4 deletions
Showing only changes of commit 807ee0d4f2 - Show all commits

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";

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} />