migrate to wpf

html/src/app.js

@@ -67,9 +67,9 @@ speechSynthesis.getVoices();
 
     document.addEventListener('keyup', function (e) {
         if (e.ctrlKey) {
-            if (e.shiftKey && e.code === 'KeyI') {
+            if (e.key === 'I') {
                 AppApi.ShowDevTools();
-            } else if (e.code === 'KeyR') {
+            } else if (e.key === 'r') {
                 location.reload();
             }
         }
@@ -3455,6 +3455,18 @@ speechSynthesis.getVoices();
         }
     };
 
+    $app.methods.minimizeWindow = function () {
+        AppApi.MinimizeMainWindow();
+    };
+
+    $app.methods.toggleMaximizeWindow = function () {
+        AppApi.ToggleMaximizeMainWindow();
+    };
+
+    $app.methods.closeWindow = function () {
+        AppApi.CloseMainWindow();
+    };
+
     $app.methods.openExternalLink = function (link) {
         this.$confirm(`${link}`, 'Open External Link', {
             confirmButtonText: 'Confirm',

html/src/app.scss

@@ -138,10 +138,24 @@ a {
 .x-app {
     position: absolute;
     display: flex;
+    flex-direction: column;
     width: 100%;
     height: 100%;
+    overflow: hidden;
+}
+
+.x-title-bar {
+    display: flex;
+    width: 100%;
+    height: 30px;
+}
+
+.x-wrap {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: calc(100% - 30px);
     overflow: hidden auto;
-    cursor: default;
 }
 
 .x-container {
@@ -156,10 +170,10 @@ a {
     position: absolute;
     // modal 시작이 2000이라서
     z-index: 1999;
-    display: flex;
     width: 100%;
     height: 100%;
     background: #fff;
+    overflow: hidden scroll;
 }
 
 .x-menu-container {