Fix slide ratio in preview mode

www/slide/slide.less

@@ -98,30 +98,37 @@ body {
         }
     }
 }
-.preview .cp {
+.preview {
-    flex: 1;
+    .cp {
-    overflow: hidden;
+        width: 50vw;
-    div#modal:not(.shown) {
+        overflow: hidden;
-        position: relative;
+        div#modal:not(.shown) {
-        top: auto;
+            position: relative;
-        left: auto;
+            top: auto;
-        width: auto;
+            left: auto;
-        display: block;
+            width: auto;
-        height: 100%;
+            display: block;
-        #content {
+            height: 100%;
-            .slide-container {
+            #content {
-                width: 100%;
+                .slide-container {
+                    width: 100%;
+                }
+                .slide-frame {
+                    width: 50vw;
+                    height: 28.125vw; // height:width ratio = 9/16 = .5625
+                    max-height: ~"calc(100vh - 96px)";
+                    max-width: ~"calc(16 / 9 * (100vh - 96px))";
+                    //max-height: 100vh;
+                    //max-width: 177.78vh; // 16/9 = 1.778
+                }
             }
-            .slide-frame {
+            #button_exit {
-                width: 50vw;
+                visibility: hidden;
-                height: 28.125vw; // height:width ratio = 9/16 = .5625
-                max-height: 100vh;
-                max-width: 177.78vh; // 16/9 = 1.778
             }
         }
-        #button_exit {
+    }
-            visibility: hidden;
+    .CodeMirror {
-        }
+        flex: 1;
     }
 }
 .cp {