From 0fd2da1ce6fd908072abc9ec3fa02994529e28ba Mon Sep 17 00:00:00 2001 From: SquidSpirit Date: Wed, 23 Jul 2025 02:30:04 +0800 Subject: [PATCH] BLOG-58 feat: implement Navbar and Action components, enhance CSS with Tailwind utilities, and update font imports --- frontend-v2/src/app.css | 30 ++++++++++++++++++++------- frontend-v2/src/app.html | 4 ++-- frontend-v2/src/lib/Action.svelte | 9 ++++++++ frontend-v2/src/lib/Navbar.svelte | 16 ++++++++++++++ frontend-v2/src/routes/+layout.svelte | 11 +++++----- 5 files changed, 55 insertions(+), 15 deletions(-) create mode 100644 frontend-v2/src/lib/Action.svelte create mode 100644 frontend-v2/src/lib/Navbar.svelte diff --git a/frontend-v2/src/app.css b/frontend-v2/src/app.css index c8aae39..f2b2352 100644 --- a/frontend-v2/src/app.css +++ b/frontend-v2/src/app.css @@ -1,14 +1,28 @@ +@import 'tailwindcss'; + @font-face { - font-family: 'HackNerdMono'; - src: url('/font/HackNerdMono.woff2') format('woff2'); + font-family: 'HackNerdMono'; + src: url('/font/HackNerdMono.woff2') format('woff2'); } -:root { - --font-noto-sans-tc: 'Noto Sans TC', sans-serif; - --font-noto-sans-mono: 'Noto Sans Mono', monospace; - --font-hack-nerd-mono: 'HackNerdMono', monospace; +@theme { + --font-sans: 'Noto Sans TC', sans-serif; + --font-mono: 'HackNerdMono', 'Noto Sans Mono', monospace; + --spacing-toolbar-height: 4rem; + --spacing-content-height: calc(100vh - var(--spacing-toolbar-height)); } body { - font-family: var(--font-noto-sans-tc); -} \ No newline at end of file + @apply bg-white font-sans text-base font-normal text-gray-600; +} + +pre, +code, +kbd, +samp { + @apply font-mono; +} + +.toolbar { + @apply h-[--tool-bar-height]; +} diff --git a/frontend-v2/src/app.html b/frontend-v2/src/app.html index 79eeda9..f891aca 100644 --- a/frontend-v2/src/app.html +++ b/frontend-v2/src/app.html @@ -9,10 +9,10 @@ - + %sveltekit.head% - +
%sveltekit.body%
diff --git a/frontend-v2/src/lib/Action.svelte b/frontend-v2/src/lib/Action.svelte new file mode 100644 index 0000000..c5c906c --- /dev/null +++ b/frontend-v2/src/lib/Action.svelte @@ -0,0 +1,9 @@ + + +
+ + {label} + +
diff --git a/frontend-v2/src/lib/Navbar.svelte b/frontend-v2/src/lib/Navbar.svelte new file mode 100644 index 0000000..b28d27a --- /dev/null +++ b/frontend-v2/src/lib/Navbar.svelte @@ -0,0 +1,16 @@ + + +
+
+ + SquidSpirit + 魚之魷魂 + +
+ +
+
+
diff --git a/frontend-v2/src/routes/+layout.svelte b/frontend-v2/src/routes/+layout.svelte index b93e9ba..77bd187 100644 --- a/frontend-v2/src/routes/+layout.svelte +++ b/frontend-v2/src/routes/+layout.svelte @@ -1,7 +1,8 @@ - -{@render children()} + + + \ No newline at end of file