(style) use flex display

dannypsnl · dannypsnl · commit 2ab3f955878e · 2024-08-13T15:18:42.000+08:00
Signed-off-by: Lîm Tsú-thuàn &lt;inbox@dannypsnl.me&gt;
diff --git a/app.js b/app.js
@@ -42,6 +42,7 @@ const App = () => {
     }),
     label({ for: `add-namespace` }, `disable inserted namespace`),
     div(
+      { class: `edit-board` },
       textarea({
         value: html_input,
         oninput: (e) => (html_input.val = e.target.value),
diff --git a/example.js b/example.js
diff --git a/style.css b/style.css
@@ -1,9 +1,13 @@
+.edit-board {
+  display: flex;
+}
+
 textarea {
-  /* float: left; */
   width: 50%;
   overflow: hidden;
   min-height: 50em;
   overflow-y: auto;
+  border-radius: 0.3rem;
 }
 
 pre {
@@ -12,6 +16,10 @@ pre {
   border-radius: 0.5rem;
   position: relative;
   width: 50%;
+  min-height: 50em;
+  overflow-y: auto;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 pre button {
