From 73dc6a092f353fbdaacf842feb6c9b3c66f236ce Mon Sep 17 00:00:00 2001
From: Michael Daines <1383+mdaines@users.noreply.github.com>
Date: Thu, 7 Nov 2024 10:17:44 -0500
Subject: [PATCH] Set height of app element

This is meant to fix #277. #275 moved the app element inside a root element so that it could be referenced more easily in the App component, but that meant its height was no longer determined by the outermost grid.
---
 packages/website/src/styles/app.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/website/src/styles/app.css b/packages/website/src/styles/app.css
index c02b89d..0e43940 100644
--- a/packages/website/src/styles/app.css
+++ b/packages/website/src/styles/app.css
@@ -18,13 +18,13 @@ body {
 }
 
 #root {
-  display: grid;
   grid-area: app;
 }
 
 #app {
   --editor-width: 50%;
 
+  height: 100%;
   display: grid;
   grid-template-areas: "editor-toolbar resize output-toolbar" "editor resize output" "editor resize errors";
   grid-template-columns: minmax(300px, var(--editor-width)) 1px minmax(450px, 1fr);