From dafcc5842dae1e8989538aa5b69425597746234e Mon Sep 17 00:00:00 2001
From: SquidSpirit <squid@squidspirit.com>
Date: Thu, 24 Jul 2025 04:54:44 +0800
Subject: [PATCH] BLOG-45 fix: trivial style

---
 frontend/src/lib/common/framework/ui/Footer.svelte           | 2 +-
 frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts | 4 ++++
 frontend/src/lib/post/framework/ui/PostOverallPage.svelte    | 2 +-
 frontend/src/lib/post/framework/ui/PostPreview.svelte        | 4 ++--
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/common/framework/ui/Footer.svelte b/frontend/src/lib/common/framework/ui/Footer.svelte
index b0814d1..3d80588 100644
--- a/frontend/src/lib/common/framework/ui/Footer.svelte
+++ b/frontend/src/lib/common/framework/ui/Footer.svelte
@@ -1,6 +1,6 @@
 <div class="border-t border-gray-300">
 	<div
-		class="mx-auto flex max-w-screen-xl flex-col items-center justify-center gap-4 px-4 py-12 md:flex-row md:px-6"
+		class="mx-auto flex max-w-screen-xl flex-col items-center justify-center gap-4 px-4 py-12 text-gray-600 md:flex-row md:px-6"
 	>
 		<div class="flex flex-row items-center justify-center gap-x-4">
 			<a href="https://www.youtube.com/@squidspirit16" target="_blank" aria-label="YouTube Channel">
diff --git a/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts b/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts
index ae6ed7d..68ae230 100644
--- a/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts
+++ b/frontend/src/lib/post/adapter/presenter/postInfoViewModel.ts
@@ -35,4 +35,8 @@ export class PostInfoViewModel {
 			publishedTime: postInfo.publishedTime
 		});
 	}
+
+	get formattedPublishedTime(): string {
+		return this.publishedTime.toISOString().slice(0, 10);
+	}
 }
diff --git a/frontend/src/lib/post/framework/ui/PostOverallPage.svelte b/frontend/src/lib/post/framework/ui/PostOverallPage.svelte
index 85f051f..c9d3153 100644
--- a/frontend/src/lib/post/framework/ui/PostOverallPage.svelte
+++ b/frontend/src/lib/post/framework/ui/PostOverallPage.svelte
@@ -10,7 +10,7 @@
 	onMount(() => postListBloc.dispatch({ event: PostListEventType.PostListLoadedEvent }));
 </script>
 
-<div class="container">
+<div class="container pb-10">
 	<div class="py-9 text-center text-3xl font-bold text-gray-800 md:py-20 md:text-5xl">文章</div>
 	{#if state.status === StatusType.Success}
 		<div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-y-8 lg:grid-cols-3">
diff --git a/frontend/src/lib/post/framework/ui/PostPreview.svelte b/frontend/src/lib/post/framework/ui/PostPreview.svelte
index b51844a..189c375 100644
--- a/frontend/src/lib/post/framework/ui/PostPreview.svelte
+++ b/frontend/src/lib/post/framework/ui/PostPreview.svelte
@@ -34,8 +34,8 @@
 	</div>
 	<div class="flex flex-col gap-y-1.5">
 		<PostPreviewLabels labels={postInfo.labels} />
-		<span class="line-clamp-1 font-bold">{postInfo.title}</span>
+		<span class="line-clamp-1 font-bold text-lg">{postInfo.title}</span>
 		<span class="line-clamp-3 text-justify text-sm">{postInfo.description}</span>
-		<span class="text-sm text-gray-500">查看更多 ⭢</span>
+		<span class="text-sm text-gray-500">{postInfo.formattedPublishedTime}</span>
 	</div>
 </a>