docs: make container wider

decaporg · May 22, 2023 · 6368b84 · 6368b84
1 parent bdccfeb
commit 6368b84
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/website/src/components/docs-template.js b/website/src/components/docs-template.js
@@ -28,7 +28,7 @@ export default function DocsTemplate({
   group,
 }) {
   return (
-    <Container size="md">
+    <Container>
       <SidebarLayout sidebar={showSidebar && <DocsSidebar docsNav={docsNav} location={location} />}>
         <article data-docs-content>
           {filename && <EditLink collection={`docs_${group}`} filename={filename} />}

diff --git a/website/src/components/sidebar-layout.js b/website/src/components/sidebar-layout.js
@@ -16,7 +16,7 @@ function SidebarLayout({ sidebar, children }) {
       css={css`
         ${mq[1]} {
           display: grid;
-          grid-template-columns: ${sidebar ? '300px' : ''} minmax(0, 1fr);
+          grid-template-columns: ${sidebar ? 'clamp(160px, 20vw, 320px)' : ''} minmax(0, 1fr);
           grid-gap: 2rem;
         }
       `}