make error overlay message scrollable

vercel · Feb 17, 2023 · 64b70a1 · 64b70a1
1 parent 21e7532
commit 64b70a1
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/crates/next-core/js/src/overlay/internal/components/Terminal/styles.tsx b/crates/next-core/js/src/overlay/internal/components/Terminal/styles.tsx
@@ -2,19 +2,25 @@ import { noop as css } from "../../helpers/noop-template";
 
 const styles = css`
   .terminal {
+    display: flex;
+    overflow-y: hidden;
+
     border-radius: var(--size-gap-half);
     background-color: var(--color-ansi-bg);
     color: var(--color-ansi-fg);
   }
+
   .terminal::selection,
   .terminal *::selection {
     background-color: var(--color-ansi-selection);
   }
+
   .terminal * {
     color: inherit;
     background-color: transparent;
     font-family: var(--font-mono);
   }
+
   .terminal > * {
     margin: 0;
     padding: calc(var(--size-gap) + var(--size-gap-half))
@@ -24,6 +30,7 @@ const styles = css`
   .terminal pre {
     white-space: pre-wrap;
     word-break: break-word;
+    overflow-y: scroll;
   }
 `;