css adjustments

ita-social-projects · Oct 11, 2024 · 2b30da8 · 2b30da8
1 parent bbc4eb4
commit 2b30da8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 14 deletions.
diff --git a/FrontEnd/src/pages/AdminPage/AdminGlobal.css b/FrontEnd/src/pages/AdminPage/AdminGlobal.css
@@ -10,4 +10,7 @@
     --border-input__admin-panel: #d9d9d9;
     --background-butons__admin-panel: #1F9A7C;
     --button-color__admin-panel: #1F9A7C;
+    --button-text-color__admin-panel: #FFF;
+    --error-notification-text-color__admin-panel: #f4282b;
+    --box-shadow-color__admin-panel: rgba(0, 0, 0, 0.04);
 }
diff --git a/FrontEnd/src/pages/AdminPage/AdminRegistration/AdminRegistration.module.css b/FrontEnd/src/pages/AdminPage/AdminRegistration/AdminRegistration.module.css
@@ -1,8 +1,8 @@
 .admin_registration-section {
     display: flex;
     flex-direction: column;
-    padding-left: 35px;
-    padding-top: 20px;
+    padding-left: 25px;
+    padding-top: 30px;
 }
 
 .admin_registration-outer-wrapper {
@@ -15,21 +15,15 @@
     font-family: var(--font-main);
     font-size: 14px;
     padding-right: 3px;
-    color: #FF4D4F;
+    color: var(--notification-text-color__admin-panel);
 }
 
 .admin_registration-label {
-    flex: 1 0;
     color: var(--main-black-90, #292E32);
-    font-feature-settings: 'calt' off;
-    font-style: normal;
     font-family: var(--font-main);
     font-size: 14px;
-    font-weight: 400;
     line-height: 20px;
     letter-spacing: -0.01em;
-    text-align: left;
-    color: #292E32;
 }
 
 .admin_registration-input-wrapper {
@@ -49,10 +43,10 @@
     padding: 5px 15px;
     width: auto;
     border-radius: 4px;
-    border: 1px solid #1F9A7C;
-    background: #1F9A7C;
-    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
-    color: #FFF;
+    border: 1px solid var(--button-color__admin-panel);
+    background: var(--button-color__admin-panel);
+    box-shadow: 0px 2px 0px 0px var(--box-shadow-color__admin-panel);
+    color: var(--button-text-color__admin-panel);
     font-family: var(--font-main);
     font-size: 16px;
     font-weight: 600;
@@ -62,7 +56,7 @@
 }
 
 .admin_registration-error {
-    color: rgb(212, 21, 21);
+    color: var(--error-notification-text-color__admin-panel);
     font-family: var(--font-main);
     font-size: 14px;
 }