細かいデザインの修正

src/routes/(DefaultStyle)/post/[slug]/+page.server.ts

@@ -10,7 +10,7 @@ export async function load({params}) {
     let persed = Perser(md.post)
 
     let mdast = remark().parse(md.post)
-    let headers = mdast.children.filter((i) => i.type=='heading').map((i)=>{
+    let headers = mdast.children.filter((i) => i.type=='heading' && i.depth<4).map((i)=>{
         let title = i.children[0].value
         return {"depth": i.depth, "title": title}
     })

src/routes/(DefaultStyle)/post/[slug]/+page.svelte

@@ -160,8 +160,10 @@
 <style>
 	#blog {
 		display: flex;
-        margin: 25px 2.5%;
 		gap: 20px;
+		@media(width>999px) {
+			margin: 25px 2.5%;
+		}
 	}
 	aside {
 		min-width: 280px;
@@ -203,14 +205,14 @@
 		flex-grow: 1;
 		padding: 0 20px;
 		border-radius: 8px;
-		@media(width<480px){
+		@media(width<640px){
 			padding: 0;
 		}
 
 		& .title {
 			font-size: 2em;
 			font-weight: 600;
-			margin: 0;
+			margin: 12px;
 			padding: 5px;
 			border-bottom: 1px solid;
 			@media(width<480px) {
@@ -223,7 +225,6 @@
 			max-height: 50vh;
 		}
 		& img.thumbnail {
-			height: 50vh;
 			max-width: 100%;
 			object-fit: contain;
 		}
@@ -239,14 +240,12 @@
 			}
 		}
 		& .markdown {
-			margin: 25px 0;
-			@media (width<480px) {
-				margin: 8px;
-			}
+			margin: 1em;
 		}
 		& .data {
 			display: flex;
 			padding: 8px;
+			margin: 12px;
 			border-top: solid 1px;
 			font-weight: 200;
 			font-size: 1.2em;
@@ -270,7 +269,7 @@
 		grid-template-columns: auto auto 1fr auto;
 		gap: 8px;
 		font-size: 0.95em;
-		margin: 8px;
+		margin: 12px;
 		white-space: nowrap;
 
 		@media(width<1000px) {