blog main-container調整

y-yamasaki · y-yamasaki · commit 88929e99079f · 2025-11-28T18:38:54.000+09:00
diff --git a/WebSite/assets/css/blog.css b/WebSite/assets/css/blog.css
@@ -656,21 +656,25 @@
 }
 
 .post-content {
-    min-width: 0; /* flex/grid itemの幅が縮小できるようにする */
+    min-width: 0;
 }
 
 .post-sidebar {
     display: none;
 }
 
-@media (min-width: 1120px) {
+@media (min-width: 1000px) {
     .post-layout {
-        grid-template-columns: minmax(0, 1fr) 280px;
-        gap: 3rem;
+        grid-template-columns: minmax(0, 1fr) 250px;
+        gap: 1rem;
     }
     .post-sidebar {
         display: block;
     }
+
+    body[data-page="blog"] .main-container {
+        max-width: 1180px;
+    }
 }
 
 /* ==========================================================================
@@ -747,5 +751,5 @@
 
 .toc-item a.is-active {
     color: var(--color-accent);
-    font-weight: 700;
+    font-weight: 600;
 }

Original file line number	Diff line number	Diff line change
`@@ -656,21 +656,25 @@`
`656`	`656`	`}`
`657`	`657`
`658`	`658`	`.post-content {`
`659`		`- min-width: 0; /* flex/grid itemの幅が縮小できるようにする */`
	`659`	`+ min-width: 0;`
`660`	`660`	`}`
`661`	`661`
`662`	`662`	`.post-sidebar {`
`663`	`663`	`display: none;`
`664`	`664`	`}`
`665`	`665`
`666`		`-@media (min-width: 1120px) {`
	`666`	`+@media (min-width: 1000px) {`
`667`	`667`	`.post-layout {`
`668`		`- grid-template-columns: minmax(0, 1fr) 280px;`
`669`		`- gap: 3rem;`
	`668`	`+ grid-template-columns: minmax(0, 1fr) 250px;`
	`669`	`+ gap: 1rem;`
`670`	`670`	`}`
`671`	`671`	`.post-sidebar {`
`672`	`672`	`display: block;`
`673`	`673`	`}`
	`674`	`+`
	`675`	`+ body[data-page="blog"] .main-container {`
	`676`	`+ max-width: 1180px;`
	`677`	`+ }`
`674`	`678`	`}`
`675`	`679`
`676`	`680`	`/* ==========================================================================`
`@@ -747,5 +751,5 @@`
`747`	`751`
`748`	`752`	`.toc-item a.is-active {`
`749`	`753`	`color: var(--color-accent);`
`750`		`- font-weight: 700;`
	`754`	`+ font-weight: 600;`
`751`	`755`	`}`