diff options
-rw-r--r-- | src/css/index.css | 18 |
1 files changed, 10 insertions, 8 deletions
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 @@ | |||
9 | } | 9 | } |
10 | 10 | ||
11 | body { | 11 | body { |
12 | width: 100%; | 12 | width: 100vw; |
13 | min-width: 700px; | ||
13 | height: 100vh; | 14 | height: 100vh; |
14 | 15 | ||
15 | &[data-mode='editing'] { | 16 | &[data-mode='editing'] { |
@@ -20,13 +21,14 @@ body { | |||
20 | padding: 0.5em; | 21 | padding: 0.5em; |
21 | 22 | ||
22 | .Dumby { | 23 | .Dumby { |
23 | order: 1; | 24 | flex: 0 0 50%; |
24 | 25 | min-width: 45%; | |
25 | flex: 1 0 calc(50% - 0.5em); | 26 | max-width: calc(50% - 0.5em); |
26 | height: 100%; | 27 | height: 100%; |
27 | 28 | ||
28 | border: var(--content-border); | 29 | border: var(--content-border); |
29 | border-radius: var(--content-border-radius); | 30 | border-radius: var(--content-border-radius); |
31 | order: 1; | ||
30 | 32 | ||
31 | &.focus { | 33 | &.focus { |
32 | border: var(--content-focus-border); | 34 | border: var(--content-focus-border); |
@@ -36,12 +38,12 @@ body { | |||
36 | 38 | ||
37 | .editor { | 39 | .editor { |
38 | display: block; | 40 | display: block; |
39 | 41 | flex: 0 0 50%; | |
40 | order: 2; | 42 | min-width: 45%; |
41 | |||
42 | flex: 1 0 50%; | ||
43 | max-width: calc(50% - 0.5em); | 43 | max-width: calc(50% - 0.5em); |
44 | height: 100%; | 44 | height: 100%; |
45 | |||
46 | order: 2; | ||
45 | } | 47 | } |
46 | } | 48 | } |
47 | } | 49 | } |