From b9059bc746226085c6a54db6d999a6229eae0c4a Mon Sep 17 00:00:00 2001 From: Lvyshnevska Date: Wed, 9 Oct 2024 10:09:11 +0200 Subject: [PATCH] styles to global --- FrontEnd/src/pages/AdminPage/AdminGlobal.css | 9 ++++-- .../AdminProfile/AdminInfo.module.css | 30 ++++++------------- 2 files changed, 15 insertions(+), 24 deletions(-) diff --git a/FrontEnd/src/pages/AdminPage/AdminGlobal.css b/FrontEnd/src/pages/AdminPage/AdminGlobal.css index bf7b47f4..ec7e4538 100644 --- a/FrontEnd/src/pages/AdminPage/AdminGlobal.css +++ b/FrontEnd/src/pages/AdminPage/AdminGlobal.css @@ -1,10 +1,13 @@ :root { --font__admin-panel: "Inter", sans-serif; - --block-size__admin-panel: 1500px; + --block-size__admin-panel: 1512px; --menu-size__admin-panel: 222px; --table-size__admin-panel: 1000px; --font-color__admin-panel: #292E32; + --notification-text-color__admin-panel: #ff4d4f; --background__admin-panel: #F1FFF7; - --background-butons__admin-panel: #0B6C61; - --button-color__admin-panel: #0B6C61; + --background-input__admin-panel: #FFF; + --border-input__admin-panel: #d9d9d9; + --background-butons__admin-panel: #1F9A7C; + --button-color__admin-panel: #1F9A7C; } diff --git a/FrontEnd/src/pages/AdminPage/AdminProfile/AdminInfo.module.css b/FrontEnd/src/pages/AdminPage/AdminProfile/AdminInfo.module.css index 7b577cec..05f9bb3e 100644 --- a/FrontEnd/src/pages/AdminPage/AdminProfile/AdminInfo.module.css +++ b/FrontEnd/src/pages/AdminPage/AdminProfile/AdminInfo.module.css @@ -23,7 +23,7 @@ display: flex; gap: 4px; align-self: stretch; - color: var(--main-black-90, #292e32); + color: var(--font-color__admin-panel); font-feature-settings: "calt" off; font-family: var(--font-main); font-size: 14px; @@ -43,7 +43,7 @@ } .admin-info-form__label--required { - color: var(--dust-red-5, #ff4d4f); + color: var(--notification-text-color__admin-panel); text-align: right; font-family: var(--font-messages); font-size: 14px; @@ -54,18 +54,6 @@ top: 10%; } -.admin-info-form__label--required_special { - color: var(--dust-red-5, #ff4d4f); - text-align: right; - font-family: var(--font-messages); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 22.001px; - position: relative; - bottom: 10%; -} - .admin-info-form__label--text { display: flex; flex-direction: column; @@ -82,7 +70,7 @@ align-items: center; align-self: stretch; border-radius: 2px; - background: var(--main-white, #fff); + background: var(--background-input__admin-panel); } .admin-info-form__input { @@ -93,8 +81,8 @@ gap: 4px; flex: 1 0 0; border-radius: 2px; - border: 1px solid var(--neutral-5, #d9d9d9); - background: var(--main-white, #fff); + border: 1px solid var(--border-input__admin-panel); + background: var(--background-input__admin-panel); color: var(--character-title-85, rgba(0, 0, 0, 0.85)); font-family: var(--font-messages); font-size: 14px; @@ -113,7 +101,7 @@ flex-direction: column; align-items: flex-start; align-self: stretch; - color: var(--red-red-100, #f34444); + color: var(--notification-text-color__admin-panel); font-family: var(--font-messages); font-size: 12px; font-style: normal; @@ -124,10 +112,10 @@ .admin-submit__button { display: flex; border-radius: 4px; - border: 1px solid #1F9A7C; - background: #1F9A7C; + border: 1px solid var(--main-button-color); + background: var(--main-button-color); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04); - color: white; + color: var(--light-button-text-color); font-feature-settings: 'calt' off; font-style: normal; padding: 5px 15px 5px 15px;