[refactoring] login/register as dialog

assets/style.less

@@ -20,7 +20,6 @@ html, body {
   background-color: @background;
   width: 100%;
   height: 100%;
-  overflow-x: hidden;
   box-sizing: border-box;
   font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif !important;  
   font-size: 15px;
@@ -34,22 +33,12 @@ html, body {
   margin-bottom: 5px;
 }
 
-.el-main,
-.el-card {
+.el-main {
   max-width: 1000px;
   border-radius: 0px;
-  margin: 0 auto;
+  margin: auto;
   padding: 10px;
-}
-
-.el-dialog {
-  margin-top: 0px !important;
-  border-radius: 0px;
-  width: 100%;
-
-  .el-dialog__body {
-    word-break: break-word;
-  }
+  overflow: unset;
 }
 
 .el-select-dropdown {
@@ -77,7 +66,40 @@ pre {
   word-break: normal;
 }
 
+.el-dialog {
+  z-index: 100;
+  max-width: 550px;
+  .el-dialog__body {
+    word-break: unset;
+  }
+  .el-dialog__headerbtn {
+    font-size: 27px;
+    top: 9px;
+    right: 10px;
+    .el-dialog__close {
+      color: red;
+      // padding: 5px;
+      // background-color: #f0f0f0;
+      // border-radius: 22px;
+      // border: 1px solid #f0f0f0;
+    }
+  }
+  p {
+    font-size: 16px;
+  }
+}
+
+.el-input__icon {
+  font-size: 20px;
+}
+
 @media only screen and (max-width: 768px) {
+  .el-dialog {
+    margin-top: 0px !important;
+    border-radius: 0px;
+    width: 100%;
+  }
+  
   html {
     font-size: 13px;
   }