Commit 52243f111a
52243f111a258186eab9d43ae8bbc4ba438f0d2d
parent: 9ba992b54c
Verified · cmc
cmc <hello@cleberg.net> · 2026-09-19 15:46 UTC
web: align the repohead's wrap with main and footer
Ref #226
internal/web/layout_test.go
+1 −1
| @@ -20,7 +20,7 @@ func TestSharedCenteredContainer(t *testing.T) { |
| 20 | 20 | for _, want := range []string{ |
| 21 | 21 | "--container: 100rem;", |
| 22 | 22 | "main.content, footer { max-width: calc(var(--container) + 2 * var(--sp-6)); margin: 0 auto; }", |
| 23 | | ".repohead .wrap { max-width: var(--container); margin: 0 auto; }", |
| 23 | ".repohead .wrap { max-width: calc(var(--container) + 2 * var(--sp-6)); margin: 0 auto; padding: 0 var(--sp-6); }", |
| 24 | 24 | "main.reading { max-width: calc(72rem + 2 * var(--sp-6)); margin: 0 auto; }", |
| 25 | 25 | "main.bounded { max-width: calc(48rem + 2 * var(--sp-6)); margin: 0 auto; }", |
| 26 | 26 | } { |
internal/web/static/style.css
+1 −2
| @@ -395,8 +395,7 @@ footer a:hover { color: var(--link); } |
| 395 | 395 | padding: var(--sp-4) 0 0; |
| 396 | 396 | border-bottom: 1px solid var(--line); |
| 397 | 397 | } |
| 398 | | .repohead .wrap { max-width: var(--container); margin: 0 auto; } |
| 399 | | .repohead .wrap { padding: 0 var(--sp-6); } |
| 398 | .repohead .wrap { max-width: calc(var(--container) + 2 * var(--sp-6)); margin: 0 auto; padding: 0 var(--sp-6); } |
| 400 | 399 | .identity { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; } |
| 401 | 400 | .grow { flex: 1; } |
| 402 | 401 | /* h1 on the repo home, p elsewhere so each page keeps its own h1 — but |