From 27d843fa0ef4fd71db46015e82f9269280c6f8bb Mon Sep 17 00:00:00 2001
From: moris <moris@noreply.moris.day>
Date: Mon, 10 Mar 2025 10:04:26 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=B5=E3=82=A4=E3=83=89=E3=83=90=E3=83=BC?=
 =?UTF-8?q?=E3=81=AEcss=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(DefaultStyle)/post/[slug]/+page.svelte   | 76 +++++++++----------
 1 file changed, 36 insertions(+), 40 deletions(-)

diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index 85107d5..9ef5610 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -124,21 +124,18 @@
 
 	<aside>
 		<div id='side'>
-			<div>
-				<Profile></Profile>
+			<div class='sidecontent'>
+				<Profile/>
 			</div>
-			<div>
+			<div class='sidecontent'>
 				<Share url={canonical} title={data.metadata.title} />
 			</div>
 			{#if data.toc.length}
-				<div id='toc'>
+				<div class='sidecontent'>
 					<Toc toclist={data.toc}></Toc>
 				</div>
 			{/if}
-			<div class="mi-posts js">
-				<iframe src="https://mi.moris.day/embed/user-timeline/9w7bhjzt2b5z0001?maxHeight=320&rounded=false&border=false" title="moris's posts" loading="lazy" style="border:none; width:100%; height:100%;"></iframe>
-			</div>
-		</div>
+			<iframe class='miframe sidecontent js' src="https://mi.moris.day/embed/user-timeline/9w7bhjzt2b5z0001?maxHeight=320&rounded=false&border=false" title="moris's posts" loading="lazy" style="border:none;"></iframe>
 	</aside>
 </div>
 
@@ -151,38 +148,6 @@
 			margin: 25px 2.5%;
 		}
 	}
-	aside {
-		min-width: 280px;
-		max-width: 320px;
-
-		margin: 25px 0 40px 0;
-
-		@media (width<1000px) {
-			display: none;
-		}
-	
-		& #side {
-			display: flex;
-			flex-direction: column;
-			row-gap: 20px;
-			position: sticky;
-			top: 60px;
-		}
-		& #side>* {
-			background-color: var(--grid-color);
-			transition: background-color 1s;
-			border-radius: 8px;
-			box-shadow: 0 0 6px #1111;
-			overflow: hidden;
-		}
-
-		& .mi-posts {
-			height: 320px;
-			@media(prefers-color-scheme: dark) {
-				border: solid #444 1px;
-			}
-		}
-	}
 
 	article {
 		min-width: 0;
@@ -249,4 +214,35 @@
 			}
 		}
 	}
+
+	aside {
+		@media (width<1000px) {
+			display: none;
+		}
+
+		min-width: 280px;
+		max-width: 320px;
+
+		margin: 25px 0;
+	}
+	#side {
+		display: flex;
+		flex-direction: column;
+		row-gap: 20px;
+		position: sticky;
+		top: 60px;
+	}
+	.sidecontent {
+		background-color: var(--grid-color);
+		transition: background-color 1s;
+		border-radius: 8px;
+		box-shadow: 0 0 6px #1111;
+		overflow: hidden;
+	}
+	.miframe {
+		height: 320px;
+		@media(prefers-color-scheme: dark) {
+			border: solid #444 1px;
+		}
+	}
 </style>
\ No newline at end of file