From 18380d22f12bb8c43ef3574280af4829c22d5680 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Wed, 2 Oct 2024 19:49:03 +0800
Subject: feat(CSS): set min-width for components

---
 src/css/index.css | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/css/index.css b/src/css/index.css
index 3efd286..b9e90ba 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -9,7 +9,8 @@
 }
 
 body {
-  width: 100%;
+  width: 100vw;
+  min-width: 700px;
   height: 100vh;
 
   &[data-mode='editing'] {
@@ -20,13 +21,14 @@ body {
     padding: 0.5em;
 
     .Dumby {
-      order: 1;
-
-      flex: 1 0 calc(50% - 0.5em);
+      flex: 0 0 50%;
+      min-width: 45%;
+      max-width: calc(50% - 0.5em);
       height: 100%;
 
       border: var(--content-border);
       border-radius: var(--content-border-radius);
+      order: 1;
 
       &.focus {
         border: var(--content-focus-border);
@@ -36,12 +38,12 @@ body {
 
     .editor {
       display: block;
-
-      order: 2;
-
-      flex: 1 0 50%;
+      flex: 0 0 50%;
+      min-width: 45%;
       max-width: calc(50% - 0.5em);
       height: 100%;
+
+      order: 2;
     }
   }
 }
-- 
cgit v1.2.3-70-g09d2