web: the shell fills the viewport, prose keeps its measure !74
1 file changed, +6 −2
Layout: unified · split
internal/web/static/style.css +6 −2
| @@ -281,7 +281,6 @@ a.railuser { display: inline-flex; align-items: center; gap: var(--sp-2); } | ||
| 281 | 281 | .content { |
| 282 | 282 | flex: 1; |
| 283 | 283 | padding: var(--sp-5) var(--sp-5) var(--sp-6); |
| 284 | max-width: 78rem; | |
| 285 | 284 | width: 100%; |
| 286 | 285 | } |
| 287 | 286 | |
| @@ -729,6 +728,12 @@ button.linklike:hover { text-decoration: underline; filter: none; } | ||
| 729 | 728 | |
| 730 | 729 | /* rendered markdown / org / html */ |
| 731 | 730 | .rendered { max-width: 100%; overflow-wrap: anywhere; } |
| 731 | /* line length is a reading constraint, so it applies to prose only — | |
| 732 | tables, code blocks and images keep the full column */ | |
| 733 | .rendered > p, | |
| 734 | .rendered > ul, | |
| 735 | .rendered > ol, | |
| 736 | .rendered > blockquote { max-width: 78ch; } | |
| 732 | 737 | .rendered pre { |
| 733 | 738 | background: var(--code-bg); |
| 734 | 739 | border: 1px solid var(--line); |
| @@ -1111,7 +1116,6 @@ button:hover { filter: brightness(1.15); } | ||
| 1111 | 1116 | footer { |
| 1112 | 1117 | border-top: 1px solid var(--faint); |
| 1113 | 1118 | padding: var(--sp-4) var(--sp-5) var(--sp-5); |
| 1114 | max-width: 78rem; | |
| 1115 | 1119 | width: 100%; |
| 1116 | 1120 | color: var(--muted); |
| 1117 | 1121 | font-size: var(--fs-1); |