From eb3d9558845eb71cd864fbe5a7b1561adff4aa7e Mon Sep 17 00:00:00 2001 From: latte Date: Thu, 9 Apr 2026 20:42:32 +0200 Subject: [PATCH] Left-align page content and expand nav width Change layout alignment from center to flex-start on various pages to left-align content. Also increase .nav-inner max-width to 900px and set margin to 0 so navigation aligns with page content. --- src/components/Nav.astro | 6 +++--- src/pages/404.astro | 2 +- src/pages/about.astro | 2 +- src/pages/blog/[...slug].astro | 4 ++-- src/pages/blog/index.astro | 2 +- src/pages/blog/tag/[tag].astro | 2 +- src/pages/index.astro | 4 ++-- src/pages/now.astro | 2 +- src/pages/projects.astro | 2 +- src/pages/uses.astro | 2 +- 10 files changed, 14 insertions(+), 14 deletions(-) diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 20e28e8..d8f89dc 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -60,12 +60,12 @@ function isActive(href: string, current: string): boolean { } .nav-inner { - max-width: 700px; - margin: 0 auto; + max-width: 900px; + margin: 0; display: flex; flex-wrap: wrap; align-items: center; - justify-content: center; + justify-content: flex-start; gap: var(--space-xs); font-size: 0.85rem; } diff --git a/src/pages/404.astro b/src/pages/404.astro index d25f62e..7736381 100644 --- a/src/pages/404.astro +++ b/src/pages/404.astro @@ -57,7 +57,7 @@ import BaseLayout from "../layouts/BaseLayout.astro"; .not-found-page { display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; min-height: 100vh; padding: var(--space-md); padding-top: calc(var(--space-md) + 3rem); diff --git a/src/pages/about.astro b/src/pages/about.astro index c15bdc9..55c1551 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -222,7 +222,7 @@ import BaseLayout from "../layouts/BaseLayout.astro"; min-height: 100vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); } diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro index f47cbe4..b8c4fcd 100644 --- a/src/pages/blog/[...slug].astro +++ b/src/pages/blog/[...slug].astro @@ -310,7 +310,7 @@ const readingTime = getReadingTime(post.body); min-height: 100vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); } @@ -415,7 +415,7 @@ const readingTime = getReadingTime(post.body); cursor: pointer; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; color: var(--color-bg); transition: background 0.2s, transform 0.15s; } diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index ab32b85..3a2c440 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -121,7 +121,7 @@ const previewPosts = posts.map((post) => ({ min-height: 100vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); } diff --git a/src/pages/blog/tag/[tag].astro b/src/pages/blog/tag/[tag].astro index fea83da..4f74eed 100644 --- a/src/pages/blog/tag/[tag].astro +++ b/src/pages/blog/tag/[tag].astro @@ -153,7 +153,7 @@ const previewPosts = posts.map((post) => ({ min-height: 100vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); } diff --git a/src/pages/index.astro b/src/pages/index.astro index a5bd8e2..03b61a6 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -209,7 +209,7 @@ if (now < new Date(now.getFullYear(), 6, 8)) age--; min-height: 100vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); } @@ -231,7 +231,7 @@ if (now < new Date(now.getFullYear(), 6, 8)) age--; .hero-avatar { display: flex; - justify-content: center; + justify-content: flex-start; margin-bottom: 12px; } diff --git a/src/pages/now.astro b/src/pages/now.astro index a18fb91..039b0cb 100644 --- a/src/pages/now.astro +++ b/src/pages/now.astro @@ -45,7 +45,7 @@ import NowContent from "../data/now.md"; min-height: 100vh; display: flex; align-items: flex-start; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); } diff --git a/src/pages/projects.astro b/src/pages/projects.astro index e291d88..ff4d84e 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -118,7 +118,7 @@ function getPrimaryLink(project: Project): string | undefined { min-height: 100vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); } diff --git a/src/pages/uses.astro b/src/pages/uses.astro index 322653f..0cbca57 100644 --- a/src/pages/uses.astro +++ b/src/pages/uses.astro @@ -407,7 +407,7 @@ import BaseLayout from "../layouts/BaseLayout.astro"; min-height: 100vh; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; padding: var(--space-lg) var(--space-md); padding-top: calc(var(--space-lg) + 3rem); }