Skip to content

Commit c7ebfc9

Browse files
committed
Center the content column at the docs' measure
On wide panes the 1fr center cell stretched, so content hugged the left rail with dead space before the TOC. The main column now caps at the docs' ~760px measure and centers in its cell, matching how the docs balance a wide viewport.
1 parent 2bae897 commit c7ebfc9

1 file changed

Lines changed: 10 additions & 1 deletion

File tree

‎apps/sim/lib/workspace-files/artifact-stylesheet.ts‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -475,7 +475,16 @@ figcaption { font-size: 0.875em; line-height: 1.4285714; color: var(--text-prima
475475
}
476476
.art-theme:hover { background: var(--surface-active); }
477477
.art-cols { display: grid; gap: 2.25rem; grid-template-columns: 1fr; }
478-
.art-cols > .art-main { padding-top: 1.5rem; min-width: 0; }
478+
.art-cols > .art-main {
479+
padding-top: 1.5rem;
480+
min-width: 0;
481+
/* The docs' content measure, CENTERED in its cell: 1400px container minus
482+
the rails leaves ~760px of prose column; without the cap the content
483+
hugged the left rail and left dead space before the TOC on wide panes. */
484+
width: 100%;
485+
max-width: 760px;
486+
margin: 0 auto;
487+
}
479488
/* Rails stagger with the viewport the way the docs do on a laptop: the
480489
section sidebar survives down to resource-panel widths, the TOC joins on
481490
wide surfaces, and a truly narrow pane collapses to a single column. The

0 commit comments

Comments
 (0)