From 2b30da816a966019b380dae4435180112288300f Mon Sep 17 00:00:00 2001 From: Yan Zhylavy Date: Fri, 11 Oct 2024 16:34:21 +0300 Subject: [PATCH] css adjustments --- FrontEnd/src/pages/AdminPage/AdminGlobal.css | 3 +++ .../AdminRegistration.module.css | 22 +++++++------------ 2 files changed, 11 insertions(+), 14 deletions(-) diff --git a/FrontEnd/src/pages/AdminPage/AdminGlobal.css b/FrontEnd/src/pages/AdminPage/AdminGlobal.css index ec7e4538..cf7c6997 100644 --- 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 index 44b6077e..fc4e55da 100644 --- 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; }