update TWA Management v0.0.1

TWASys-App/wwwroot/css/atg-lib/atg-core.css

@@ -23,7 +23,7 @@
     user-select: none
 }
 
-a {
+a {,
     text-decoration: none
 }
 
@@ -197,6 +197,11 @@ h1, h2, h3, h4, h5, h6, p {
     margin-left: 0;
 }
 
+.r-n-g.n{
+    margin-left:-20px;
+    margin-right:-20px
+}
+
 .r > .c, .r > [class^=c-] {
     padding-right: 0;
     padding-left: 0;

TWASys-App/wwwroot/css/pages/login.css

@@ -0,0 +1,165 @@
+.con-img {
+    width: 100%;
+    min-height: 100%;
+    overflow-x: hidden;
+}
+
+    .con-img > img {
+        height: 100%;
+        width: auto;
+        min-height: 100vw;
+    }
+
+@media (min-width: 1400px) {
+    .con-img > img {
+        width: 100% !important;
+        max-width: 100vw;
+        height: auto;
+        min-height: auto;
+        max-height: 100vh;
+    }
+}
+
+.c-login {
+    position: absolute;
+    width: 100%;
+    transform: translateY(-50%);
+    top: 50%;
+    right: 0;
+    margin: 0 auto
+}
+
+.frm-login {
+    max-width: 100%;
+    margin: 0 25px;
+}
+
+
+
+@media (min-width: 568px) {
+    .frm-login {
+        max-width: 380px !important;
+        margin: 0 auto !important;
+    }
+}
+
+@media (min-width: 768px) {
+    .c-login {
+        right: 100px;
+        width: 420px;
+    }
+
+    .frm-login {
+        max-width: 100% !important
+    }
+}
+
+.ws-login {
+    box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);
+    background-color: #fff;
+    border-radius: var(--radius);
+    padding: 55px 35px;
+}
+
+    .ws-login .c_logo {
+        height: 60px
+    }
+
+    .ws-login .title {
+        color: var(--color-primary)
+    }
+
+    .ws-login .ico {
+        position: absolute;
+        top: 40%;
+        transform: translateY(-50%)
+    }
+
+    .ws-login input {
+        padding-left: 25px;
+    }
+
+    .ws-login .title, .ws-login .desc {
+    }
+
+    .ws-login .hint {
+        font-size: .82rem;
+    }
+
+
+.frm-inline.search button {
+    padding: 4px 15px;
+}
+
+.frm-inline button {
+    margin-left: calc(var(--radius) * -1);
+}
+
+.frm-inline input {
+    border-radius: var(--radius);
+    border: 1px solid var(--border-color);
+    padding: 10px 12px;
+    width: 100%;
+    font-weight: 500;
+    color: var(--text-color-primary)
+}
+
+.frm-group {
+    margin-left: -15px;
+    margin-right: -15px;
+}
+
+.frm-input, .frm-header {
+    padding: 0 15px;
+    margin-bottom: 25px;
+}
+
+.frm-input {
+    font-weight: 500;
+}
+
+    .frm-input label {
+        color: var(--text-color-primary);
+        font-size: .92rem;
+        margin-bottom: 2px;
+        font-weight: 500
+    }
+
+    .frm-input input, .frm-input .aselect {
+        width: 100%;
+        border-bottom: 1px solid #444C6185;
+        background-color: #fff;
+        transition: .3s all ease-in-out;
+        font-size: .9rem;
+        font-weight: 400
+    }
+
+    .frm-input .con-aselect input {
+        border-radius: var(--radius);
+        padding: 0 15px;
+        border: 1px solid #444C6185
+    }
+
+    .frm-input input {
+        min-height: 35px;
+        line-height: 35px;
+    }
+
+    .frm-input .line {
+        position: absolute;
+        height: 1px;
+        bottom: 0;
+        left: 0;
+        z-index: 2;
+        width: 0;
+        background-color: var(--color-primary);
+        transition: width .4s cubic-bezier( 0.19, 0.6, 0.86, 0.01 )
+    }
+
+    .frm-input input:focus + .line, .frm-input input:hover + .line {
+        width: 100%;
+    }
+
+    .frm-input .c-input:not(.line) input:hover, .frm-input .c-input:not(.line) input:focus, .frm-input .con-aselect.active .aselect {
+        border-color: var(--color-primary);
+    }

TWASys-App/wwwroot/css/site.css

@@ -8,13 +8,14 @@
     --text-color-primary: #09205c;
     --text-color-1: #5e5873;
     --text-color-heading-1: #5d596c;
-    --text-disable: #a5a3ae
+    --text-disable: #a5a3ae;
+    --radius:10px
 }
 .pointer:hover{
     cursor: pointer
 }
 .mini-scrollbar{
-    height: calc(100vh - 176px)
+    height: calc(100vh - 196px)
 }
 
 .ellipsis {
@@ -26,6 +27,17 @@ html {
     font-size: 18px;
     font-weight: 500;
 }
+a{
+    text-decoration: none
+}
+
+body[page="10001"] .main-wrapper{
+    padding: 0 !important;
+    margin: 0
+}
+body[page="10001"] #header {
+   left:-500px
+}
 /*Control*/
 [data-dropdown]:not(.nav-i) .sub-item {
     border-radius: var(--border-radius);
@@ -208,7 +220,8 @@ nav {
 }
 
 .menu-content {
-    height: calc(100% - 172px)
+    padding-top:20px;
+    height: calc(100% - 176px)
 }
 
 .m-footer {
@@ -219,12 +232,12 @@ nav {
 }
 
 .nav-overlay {
-    margin-top: -.7rem;
+    margin-top: -10px;
     background: -webkit-gradient(linear,left top,left bottom,color-stop(41%,#fff),color-stop(95%,hsla(0,0%,100%,.11)),to(hsla(0,0%,100%,0)));
     background: linear-gradient(#fff 41%,hsla(0,0%,100%,.11) 95%,hsla(0,0%,100%,0));
     position: absolute;
     z-index: 2;
-    height: 50px;
+    height: 30px;
     width: 100%;
     pointer-events: none;
     -webkit-filter: blur(5px);
@@ -574,7 +587,7 @@ nav {
 }
 
 .btn-secondary {
-    color: #a8aaae;
+    color: #5e5873;
     border-color: rgba(0, 0, 0, 0);
     background: #f1f1f2;
 }