fix: bug in gradient

TrackER-Corporation · May 2, 2023 · 8e39e88 · 8e39e88
1 parent 49be3e9
commit 8e39e88
Showing 1 changed file with 41 additions and 58 deletions.
diff --git a/src/Components/login.css b/src/Components/login.css
@@ -4,33 +4,16 @@
         justify-content: center;
         height: 100%;
     }
-
-    button {
-        border-radius: 20px;
-        border: 1px solid #3d2bff;
-        background-color: #3d2bff;
-        color: #FFFFFF;
-        font-size: 12px;
-        font-weight: bold;
-        padding: 12px 45px;
-        letter-spacing: 1px;
-        text-transform: uppercase;
-        transition: transform 80ms ease-in;
-    }
-
-    button:active {
-        transform: scale(0.95);
-    }
-
+
     button:focus {
         outline: none;
     }
-
+    
     button.ghost {
         background-color: transparent;
         border-color: #FFFFFF;
     }
-
+    
     form {
         background-color: #FFFFFF;
         display: flex;
@@ -41,61 +24,51 @@
         height: 100%;
         text-align: center;
     }
-
-    input {
-        background-color: #eee;
-        border: none;
-        padding: 12px 15px;
-        margin: 8px 0;
-        width: 100%;
-    }
-
+
     .form-container {
         position: absolute;
         top: 0;
         height: 100%;
         transition: all 0.6s ease-in-out;
     }
-
+    
     .sign-in-container {
         left: 0;
         width: 50%;
         z-index: 2;
     }
-
+    
     .container.right-panel-active .sign-in-container {
         transform: translateX(100%);
     }
-
+    
     .sign-up-container {
         left: 0;
         width: 50%;
         opacity: 0;
         z-index: 1;
     }
-
+    
     .container.right-panel-active .sign-up-container {
         transform: translateX(100%);
         opacity: 1;
         z-index: 5;
         animation: show 0.6s;
     }
-
+    
     @keyframes show {
-
         0%,
         49.99% {
             opacity: 0;
             z-index: 1;
         }
-
         50%,
         100% {
             opacity: 1;
             z-index: 5;
         }
     }
-
+    
     .overlay-container {
         position: absolute;
         top: 0;
@@ -106,14 +79,14 @@
         transition: transform 0.6s ease-in-out;
         z-index: 100;
     }
-
+    
     .container.right-panel-active .overlay-container {
         transform: translateX(-100%);
     }
-
+    
     .overlay {
         background: #022cf7;
-        background: -webkit-linear-gradient(to right, #008ffb, #022cf7);
+        background: -webkit-linear-gradient(right, #008ffb, #022cf7);
         background: linear-gradient(to right, #008ffb, #022cf7);
         background-repeat: no-repeat;
         background-size: cover;
@@ -126,11 +99,11 @@
         transform: translateX(0);
         transition: transform 0.6s ease-in-out;
     }
-
+    
     .container.right-panel-active .overlay {
         transform: translateX(50%);
     }
-
+    
     .overlay-panel {
         position: absolute;
         display: flex;
@@ -145,33 +118,43 @@
         transform: translateX(0);
         transition: transform 0.6s ease-in-out;
     }
-
+    
     .overlay-left {
         transform: translateX(-20%);
     }
-
+    
     .container.right-panel-active .overlay-left {
         transform: translateX(0);
     }
-
+    
     .overlay-right {
         right: 0;
         transform: translateX(0);
     }
-
+    
     .container.right-panel-active .overlay-right {
         transform: translateX(20%);
     }
-
+    
     .sig-container body {
         font-family: 'Montserrat', sans-serif;
         text-align: center;
         background: #eee;
         margin: 0;
         padding: 0;
     }
-
+    
     button {
+        border-radius: 20px;
+        border: 1px solid #3d2bff;
+        background-color: #3d2bff;
+        color: #FFFFFF;
+        font-size: 12px;
+        font-weight: bold;
+        padding: 12px 45px;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+        transition: transform 80ms ease-in;
         margin: 0;
         width: auto;
         overflow: visible;
@@ -194,19 +177,19 @@
         transition: transform 80ms ease-in;
         cursor: pointer;
     }
-
+    
     button:active {
         transform: scale(0.95);
     }
-
+    
     input {
         background-color: #eee;
         border: none;
         padding: 12px 15px;
         margin: 8px 0;
         width: 100%;
     }
-
+    
     .container {
         background-color: white;
         border-radius: 10px;
@@ -219,38 +202,38 @@
         display: grid;
         align-items: center;
     }
-
+    
     .container .container__form {
         padding: 4rem;
         overflow: hidden;
     }
-
+    
     .container .container__form--one {
         grid-column: 1 / span 1;
         grid-row: 1;
     }
-
+    
     .container .container__form--two {
         grid-column: 2 / span 1;
         grid-row: 1;
     }
-
+    
     .container .overlay {
         grid-column: 1;
         grid-row: 1;
     }
-
+    
     .ant-divider-horizontal.ant-divider-with-text-center::before,
     .ant-divider-horizontal.ant-divider-with-text-center::after {
         border-top: 1px solid white;
         text-align: center;
         top: 0;
     }
-
+    
     .ant-divider-inner-text {
         color: white;
     }
-
+    
     .ant-tabs-nav-operations {
         visibility: hidden;
     }