fix css

aiscript-dev · Nov 8, 2023 · ae89c94 · ae89c94
1 parent becd541
commit ae89c94
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -41,6 +41,7 @@ function onVersionSelect(v: string) {
     Menlo,
     Courier,
     monospace;
+	box-sizing: border-box;
 }
 
 html {
@@ -61,6 +62,6 @@ body {
 }
 h1 {
   font-size: 1.5em;
-  margin: 0 16px;
+  margin: 0 0 16px 0;
 }
 </style>
diff --git a/src/MainArea.vue b/src/MainArea.vue
@@ -116,20 +116,25 @@ pre {
   display: flex;
   flex-direction: column;
   height: 100vh;
+  gap: 16px;
 }
 
-.grid {
+#grid1, #grid2 {
   box-sizing: border-box;
   flex: 1;
   display: grid;
-  grid-template-columns:
-		repeat(auto-fit, min-max(100px, 1fr));
-  grid-gap: 16px;
+  gap: 16px;
   min-height: 0;
 }
-.grid > * {
+#grid1 > *, #grid2 > * {
   min-height: 0;
 }
+#grid1 {
+  grid-template-columns: 1fr 1fr;
+}
+#grid2 {
+  grid-template-columns: 1fr 1fr 1fr;
+}
 
 #logs .log .type {
   opacity: 0.5;