Skip to content

Commit 9757f55

Browse files
committed
fix wide theme
1 parent 44cbe86 commit 9757f55

File tree

2 files changed

+3
-5
lines changed

2 files changed

+3
-5
lines changed

docs/themes.md.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ The \`alt\` theme swaps the page and card background colors. This brings [cards]
116116
117117
<div class="grid grid-cols-2">${renderThemeSection(["light-alt", "light", "dark-alt", "dark"])}</div>
118118
119-
The \`wide\` theme removes the maximum width constraint of the main column, which is normally 1152 pixels, allowing it to span the full width of the page. This is recommended for dashboards and is typically combined with the \`alt\` theme modifier and \`toc: false\` to disable the table of contents.
119+
The \`wide\` theme removes the maximum width constraint of the main column, which is normally 1440 pixels, allowing it to span the full width of the page. This is recommended for dashboards and is typically combined with the \`alt\` theme modifier and \`toc: false\` to disable the table of contents.
120120
121121
<div class="grid grid-cols-1" style="--thumbnail-width: 1600; --thumbnail-height: 800; max-width: 640px;">${renderThemeThumbnail(
122122
"wide"

src/style/theme-wide.css

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
#observablehq-main,
2-
#observablehq-header,
3-
#observablehq-footer {
4-
max-width: none;
1+
:root {
2+
--observablehq-max-width: 100vw;
53
}

0 commit comments

Comments
 (0)