From 752c46b94ce638884c05be3e7589f5e47a395e6b Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 11 Nov 2024 15:54:32 -0800
Subject: [PATCH] docs(style): increase preview viewer for large screens
 (#2049)

---
 docs/src/components/Preview.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/src/components/Preview.svelte b/docs/src/components/Preview.svelte
index b480dfed..d2902546 100644
--- a/docs/src/components/Preview.svelte
+++ b/docs/src/components/Preview.svelte
@@ -52,7 +52,7 @@
     margin-bottom: var(--cds-layout-04);
     margin-left: -1rem;
     margin-right: -1rem;
-    max-width: 66rem;
+    max-width: 80rem;
   }
 
   .code-override {
@@ -74,6 +74,12 @@
     min-height: 20rem;
   }
 
+  @media (min-width: 1920px) {
+    .preview-viewer.framed {
+      min-height: 32rem;
+    }
+  }
+
   .framed-header {
     display: flex;
     align-items: center;