Little padding.

thesoftwarephilosopher · Aug 22, 2024 · 51ae21a · 51ae21a
1 parent 19e9e33
commit 51ae21a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/site/monarch/monarch-playground.tsx b/site/monarch/monarch-playground.tsx
@@ -51,8 +51,8 @@ const editor2 = monaco.editor.create(editorContainer2, {
   tabSize: 2,
 });
 
-editor1.layout({ width: 700, height: 1250 });
-editor2.layout({ width: 700, height: 1250 });
+editor1.layout({ width: 700, height: 1200 });
+editor2.layout({ width: 700, height: 1200 });
 
 updateTokenProvider();
 editor1.onDidChangeModelContent(updateTokenProvider);

diff --git a/site/monarch/style.css b/site/monarch/style.css
@@ -7,4 +7,10 @@ body {
     display: flex;
     gap: 1em;
   }
+
+  #root > * {
+    padding: 1em;
+    border-radius: 7px;
+    background-color: #1b1f25;
+  }
 }