From 990d4b0728e1f43e9c7aede3957d1542e59981a8 Mon Sep 17 00:00:00 2001
From: xy <10816187@qq.com>
Date: Sat, 15 Aug 2026 12:40:12 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IndexSidebar.astro | 1 +
 src/components/IndexView.astro    | 4 +++-
 src/pages/archive.astro           | 1 +
 src/pages/search.astro            | 1 +
 src/styles/global.css             | 3 +++
 5 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/IndexSidebar.astro b/src/components/IndexSidebar.astro
index 9d6a3a9..c672f71 100644
--- a/src/components/IndexSidebar.astro
+++ b/src/components/IndexSidebar.astro
@@ -57,6 +57,7 @@ const { data: tags } =
 
 <style>
   .sidebar {
+    flex-shrink: 0;
     width: 300px;
     height: 100%;
     display: flex;
diff --git a/src/components/IndexView.astro b/src/components/IndexView.astro
index 7d8178a..0a21d5d 100644
--- a/src/components/IndexView.astro
+++ b/src/components/IndexView.astro
@@ -25,15 +25,17 @@ const {posts, page, totalPage} = Astro.props;
 
 <style>
   .container {
+    flex: 1;
     width: 100%;
     display: flex;
     gap: 28px;
   }
 
-  .post-container{
+  .post-container {
     display: flex;
     flex-direction: column;
     gap: 32px;
+    flex: 1;
   }
 
   @media (max-width: 860px) {
diff --git a/src/pages/archive.astro b/src/pages/archive.astro
index 0a74749..dd1465a 100644
--- a/src/pages/archive.astro
+++ b/src/pages/archive.astro
@@ -51,6 +51,7 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
   }
 
   .archive {
+    width: 100%;
     max-width: 860px;
     margin: 0 auto;
   }
diff --git a/src/pages/search.astro b/src/pages/search.astro
index 14b6028..354062f 100644
--- a/src/pages/search.astro
+++ b/src/pages/search.astro
@@ -123,6 +123,7 @@ const buildSearchUrl = (type: 'category' | 'tag', code: string) => {
     gap: 14px;
     margin: 0 auto;
     max-width: 860px;
+    width: 100%;
   }
 
   .search-header {
diff --git a/src/styles/global.css b/src/styles/global.css
index 8a3063e..f06a55f 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -52,6 +52,9 @@ body {
   max-width: var(--layout-width);
   margin: 0 auto;
   padding: 32px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 @media (max-width: 768px) {