fix(settings): drop inner max-w wrapper so content aligns with shell header

The page wrapped its body in mx-auto max-w-4xl, which centered the
description and JSON inside the shell's max-w-5xl column. The
shell's "Settings" header used the outer 5xl bounds, so everything
below it shifted right. Let the page inherit the shell's width.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-04-19 17:04:59 -04:00
parent 4e4937c714
commit 74cd7fe434
No known key found for this signature in database
4 changed files with 67 additions and 67 deletions

View file

@ -21,7 +21,7 @@ export default function Settings({ loaderData }: any) {
const { settings } = loaderData;
return (
<div className="mx-auto max-w-4xl">
<>
<p className="mb-6 max-w-[60ch] text-sm/6 text-fg-3 text-pretty">
Snapshot of the server configuration. Edit via{" "}
<code className="font-mono text-fg-2">settings.toml</code>; changes
@ -30,6 +30,6 @@ export default function Settings({ loaderData }: any) {
<CollapsibleFile
file={{ name: "server.json", contents: JSON.stringify(settings, null, 2), lang: "json" }}
/>
</div>
</>
);
}

File diff suppressed because one or more lines are too long

View file

@ -61,7 +61,7 @@
<script type="module" src="/assets/chunk-sadshphz.js"></script>
<script type="module" src="/assets/chunk-pmthkscp.js"></script>
<script type="module" src="/assets/chunk-v61ks9f7.js"></script>
<script type="module" src="/assets/entry-dewa91ax.js"></script>
<script type="module" src="/assets/entry-nsnsy3sn.js"></script>
<script type="module" src="/assets/chunk-n1k68xa8.js"></script>
<script type="module" src="/assets/chunk-rsph5pvm.js"></script>
<script type="module" src="/assets/chunk-9t57pdty.js"></script>