refactor(AuthPopup): update styles

frontend-park-mail-ru · Dec 6, 2024 · bd3d794 · bd3d794
1 parent 70d8e3a
commit bd3d794
Showing 1 changed file with 8 additions and 14 deletions.
diff --git a/src/components/AuthPopup/AuthPopup.scss b/src/components/AuthPopup/AuthPopup.scss
@@ -1,22 +1,22 @@
 .auth-modal {
     position: fixed;
-    width: 400px;
+    width: 380px;
     min-height: 520px;
     height: fit-content;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     background-color: #ffffff;
-    border-radius: 10px;
+    border-radius: 6px;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     gap: 10px;
-    padding: 30px 10px 0;
+    box-sizing: border-box;
+    padding: 30px 50px 10px;
 
     &__field-container {
-        width: 80%;
-        margin: 0 auto;
+        width: 100%;
     }
 
     &__input {
@@ -69,7 +69,6 @@
         background-color: #ffa552;
         color: #ffffff;
         cursor: pointer;
-        margin: 0 20% 5%;
         border: none;
         border-radius: 10px;
         height: 40px;
@@ -90,21 +89,16 @@
 }
 
 .auth-message {
-    padding-top: 5px;
-    padding-bottom: 5px;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
 }
 
 .have-account {
-    padding-bottom: 5%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    width: 55%;
-    margin-left: 20%;
-    margin-right: 20%;
+    width: 100%;
 }
 
 .have-account a {
@@ -114,8 +108,8 @@
 
 .close-cross {
     position: absolute;
-    top: 5%;
-    right: 5%;
+    top: 10px;
+    right: 10px;
     cursor: pointer;
 }