Merge pull request #1 from ryohidaka/fix/output-height

[BugFix] 結果の文章がはみ出す不具合を修正
arkwnet · Dec 18, 2023 · f6143e5 · f6143e5
2 parents b7d37e4 + 5b69fae
commit f6143e5
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -63,9 +63,11 @@ p {
 
 .main .output {
   width: 800px;
-  height: 200px;
+  min-height: 200px;
+  max-height: 400px;
   padding: 10px;
   text-align: left;
+  overflow-y: auto;
 }
 
 .main .canvas {
@@ -105,6 +107,14 @@ p {
   .main .input,
   .main .output {
     width: 95%;
+  }
+
+  .main .input {
     height: 150px;
   }
+
+  .main .output {
+    min-height: 150px;
+    max-height: 300px;
+  }
 }