From 26fc5121b9b6b5063b15825510491b043f87b831 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 27 Sep 2023 11:34:49 +0800
Subject: [PATCH] UI design update

---
 src/Moonglade.Web/Pages/ArchiveList.cshtml  | 1 +
 src/Moonglade.Web/Pages/CategoryList.cshtml | 1 +
 src/Moonglade.Web/Pages/Featured.cshtml     | 5 +++++
 src/Moonglade.Web/wwwroot/css/base.css      | 3 ++-
 4 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/ArchiveList.cshtml b/src/Moonglade.Web/Pages/ArchiveList.cshtml
index 4b379765e..68bce4a03 100644
--- a/src/Moonglade.Web/Pages/ArchiveList.cshtml
+++ b/src/Moonglade.Web/Pages/ArchiveList.cshtml
@@ -2,6 +2,7 @@
 @model Moonglade.Web.Pages.ArchiveListModel
 @{
     ViewBag.TitlePrefix = $"All Posts in {Model.ArchiveInfo}";
+    ViewBag.BodyClass = "body-archive-list bg-gray-1";
 }
 
 <h3>
diff --git a/src/Moonglade.Web/Pages/CategoryList.cshtml b/src/Moonglade.Web/Pages/CategoryList.cshtml
index 7a1fd5bc2..06ab504e4 100644
--- a/src/Moonglade.Web/Pages/CategoryList.cshtml
+++ b/src/Moonglade.Web/Pages/CategoryList.cshtml
@@ -2,6 +2,7 @@
 @model Moonglade.Web.Pages.CategoryListModel
 @{
     ViewBag.TitlePrefix = Model.Cat.DisplayName;
+    ViewBag.BodyClass = "body-cat-list bg-gray-1";
     ViewBag.ActionName = "list";
 }
 
diff --git a/src/Moonglade.Web/Pages/Featured.cshtml b/src/Moonglade.Web/Pages/Featured.cshtml
index a7e5c6c73..f0f85b7a5 100644
--- a/src/Moonglade.Web/Pages/Featured.cshtml
+++ b/src/Moonglade.Web/Pages/Featured.cshtml
@@ -1,6 +1,11 @@
 @page "/archive/featured"
 @model Moonglade.Web.Pages.FeaturedModel
 
+@{
+    ViewBag.TitlePrefix = "Featured Posts";
+    ViewBag.BodyClass = "body-featured-list bg-gray-1";
+}
+
 <h3>
     @SharedLocalizer["Featured Posts"]
 </h3>
diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index 39bf45aec..d9b584254 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -200,7 +200,8 @@ h3 small {
 .post-date-day {
     color: var(--accent-color1);
     font-size: 46px;
-    margin: 0;
+    height: 55px;
+    margin-top: -12px;
     text-align: right;
 }