Css adjustments

ita-social-projects · Dec 16, 2024 · a699e33 · a699e33
1 parent 1569eee
commit a699e33
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.jsx b/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.jsx
@@ -38,8 +38,8 @@ const AutoApproveDelay = () => {
     };
     return (
         <div className={css['autoapprove-section']}>
-            <h3 className={css['autoapprove-section__head']}>Налаштуйте час, після якого зміни будуть автоматично підтверджені у випадку бездіяльності модератора.</h3>
-            <label htmlFor="autoapprove" className={css['autoapprove_label']}>Час до автоматичного підтвердження <br />
+            <h3 className={css['autoapprove-section__head']}>Налаштуйте час, після якого зміни будуть автоматично підтверджені у разі відсутності дій з боку модератора.</h3>
+            <label htmlFor="autoapprove" className={css['autoapprove_label']}>Час до автоматичного затвердження <br />
             (години)</label>
             <Tooltip
                 title={'Введіть значення 1-48'}

diff --git a/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.module.css b/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.module.css
@@ -23,18 +23,23 @@
 }
 
 .autoapprove-input {
-    width: 258px;
+    width: 269px;
     height: 32px;
     box-sizing: border-box;
     padding-left: 4px;
     font-size: 16px;
+    outline-color: var(--grey-border-color);
+}
+
+.autoapprove-input:focus {
+    outline: none;
 }
 
 .buttons-group {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    width: 257px;
+    width: 269px;
     margin-top: 24px;
 }
 
@@ -47,7 +52,6 @@
     width: 124px;
     border-radius: 4px;
     background: #B4D27A;
-    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
     color: black;
     text-align: center;
     font-feature-settings: 'calt' off;

diff --git a/FrontEnd/src/pages/CustomThemes/customAdminTheme.js b/FrontEnd/src/pages/CustomThemes/customAdminTheme.js
@@ -23,6 +23,9 @@ const customAdminTheme = {
         colorPrimary: '#1f9a7c'
       }
     },
+    token: {
+      fontFamily: 'Geologica',
+    }
   };
 
 export default customAdminTheme;