[mega] settings, timezone

assets/style.less

@@ -1,14 +1,29 @@
-@background: #222C32;
+@home_background: #222C32;
+@background: white;
 @success: #c7ffbc;
-// @info 
+
+#__nuxt, #__layout {
+  height: 100%;
+}
+
+#home {
+  background-color: @home_background;
+  min-height: 100%;
+}
+
+a, a:hover {
+  text-decoration: none;
+}
 
 html, body {
   margin: 0px;
-  background-color: @background !important;
+  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;
 }
 
 * {
@@ -18,14 +33,11 @@ html, body {
 .el-form-item {
   margin-bottom: 5px;
 }
-// .el-divider__text {
-//   background-color: @background;
-//   color: white;
-//   border-radius: 5px;
-// }
 
+.el-main,
 .el-card {
-  max-width: 660px;
+  max-width: 1000px;
+  border-radius: 0px;
   margin: 30px auto;
 }
 
@@ -54,7 +66,7 @@ html, body {
 .page-enter, .page-leave-active {
   transition: opacity .3s, transform .2s;
   opacity: 0;
-  // transform: translateY(30px);
+  transform: translateX(30px);
 }
 
 pre {
@@ -69,12 +81,20 @@ pre {
 }
 
 @media only screen and (max-width: 768px) {
+  html {
+    font-size: 10px;
+  }
+
   .el-card {
     margin-top: 0px !important;
     border-radius: 0px;
     padding: 0px;
   }
 
+  .el-main{
+    padding: 5px 0px;
+  }
+
   .el-menu-item {
     padding: 0px 17px;
   }