💄 change helper modal interface

Author: differui

src/renderer/components/HelperModal.vue

@@ -81,17 +81,23 @@ export default {
 
 <style lang="scss">
   .helper-modal {
+    .modla__wrapper,
+    .modal__content,
+    &__content {
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 1;
+      position: fixed;
+    }
+
     &__content {
       display: flex;
       flex-direction: row;
       align-items: center;
-      position: relative;
-      border-radius: 8px;
-      width: 300px;
-      min-height: 240px;
-      max-height: 400px;
+      justify-content: center;
       background-color: #ffffff;
-      padding: 50px 32px 50px;
       box-sizing: border-box;
     }
 
@@ -106,7 +112,6 @@ export default {
     }
 
     &__tab {
-      border-top: solid 1px #e0e5e6;
       flex-direction: row;
       list-style: none;
       display: flex;
@@ -119,7 +124,7 @@ export default {
     &__option {
       cursor: pointer;
       color: #e8e8e8;
-      font-size: 12px;
+      font-size: 24px;
       padding: 2px 0;
       text-align: center;
       flex: 1;