github/codegraph
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(site): center docs content on wide screens (#378)

Browse Source 
Starlight right-aligns the content against the TOC (margin-inline: auto 0)
on pages with both a sidebar and a TOC, dumping all the empty space on the
left edge — very lopsided on wide monitors. Center the content in its pane.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Colby Mchenry
2026-05-24 13:38:33 -05:00
committed by GitHub
co-authored by Claude Opus 4.7
parent 6a2098b199
commit 18a99f5f0f
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/styles/theme.css
+9
View File
@@ -215,3 +215,12 @@ button[data-open-modal] {
color: var(--cg-ink); color: var(--cg-ink);
text-underline-offset: 3px; text-underline-offset: 3px;
} }
/* On wide screens Starlight right-aligns the content against the TOC
(margin-inline: auto 0), piling all the empty space on the left. Center the
content within its pane so it sits balanced between the sidebar and the TOC. */
@media (min-width: 72rem) {
.main-pane {
--sl-content-margin-inline: auto;
}
}