From 6bdc42257cc4cf79c798270455fd21da5fa2fe55 Mon Sep 17 00:00:00 2001
From: moris <xinshisheng126@gmail.com>
Date: Sun, 15 Dec 2024 22:36:03 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E3=81=AE?=
 =?UTF-8?q?=E5=BE=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/(DefaultStyle)/[slug]/grid.svelte       |  4 ++--
 src/routes/(DefaultStyle)/post/[slug]/+page.svelte | 12 ++++++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/routes/(DefaultStyle)/[slug]/grid.svelte b/src/routes/(DefaultStyle)/[slug]/grid.svelte
index 62c3f7d..e9a0012 100644
--- a/src/routes/(DefaultStyle)/[slug]/grid.svelte
+++ b/src/routes/(DefaultStyle)/[slug]/grid.svelte
@@ -89,8 +89,8 @@
         width: 100%;
         color: var(--font-color);
 
-        & .title{
-            font-size: 1.25em;
+        & .title {
+            font-size: 1.17em;
             font-weight: bold;
             margin: 4px 8px;
         }
diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index f38bd20..cd3ce23 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -101,16 +101,18 @@
 <style>
 	#blog {
 		display: flex;
-        margin: 2.5%;
+        margin: 25px 2.5%;
 		gap: 20px;
 	}
 	aside {
+		min-width: 280px;
+		max-width: 320px;
+
 		@media (width<1000px) {
 			display: none;
 		}
 	
 		& #side {
-			width: 280px;
 			display: flex;
 			flex-direction: column;
 			row-gap: 20px;
@@ -132,6 +134,8 @@
 
 	article {
 		min-width: 0;
+		max-width: 60rem;
+		margin: 0 auto;
 		flex-grow: 1;
 		padding: 0 20px;
 		border-radius: 8px;
@@ -144,6 +148,9 @@
 			margin: 0;
 			padding: 5px;
 			border-bottom: 1px solid;
+			@media(width<480px) {
+				font-size: 1.5em;
+			}
 		}
 		& .thumbnail {
 			display: block;
@@ -151,6 +158,7 @@
 			max-height: 50vh;
 		}
 		& img {
+			height: 25vh;
 			max-width: 100%;
 			max-height: 100%;
 			object-fit: contain;