styles

AnWhiteM · Jun 19, 2024 · 6ac9db6 · 6ac9db6
1 parent a43601d
commit 6ac9db6
Show file tree

Hide file tree

Showing 8 changed files with 43 additions and 9 deletions.
diff --git a/src/components/CreateCardModal/CreateCardModal.module.css b/src/components/CreateCardModal/CreateCardModal.module.css
@@ -113,7 +113,7 @@ input[type="radio"]:checked {
   background: var(--modal-bg);
   border: 1px solid var(--modal-border);
   color: var(--modal-text);
-  border-radius: 20px;
+  border-radius: 10px;
 }
 
 .createCardModalOverlay {

diff --git a/src/components/EditCardModal/EditCardModal.module.css b/src/components/EditCardModal/EditCardModal.module.css
@@ -145,7 +145,7 @@ input[type="radio"]:checked {
   background: var(--modal-bg);
   border: 1px solid var(--modal-border);
   color: var(--modal-text);
-  border-radius: 20px;
+  border-radius: 10px;
 }
 
 .editCardModalOverlay {

diff --git a/src/components/MainDashboard/MainDashboard.jsx b/src/components/MainDashboard/MainDashboard.jsx
@@ -22,7 +22,7 @@ export const MainDashboard = () => {
 
   const getBackgroundStyle = () => {
     if (!("mob" in background)) {
-      return { backgroundColor: "var(--board-bg)" };
+      return { backgroundColor: "var(--st-bg)" };
     }
 
     const { desc, mob, tab, desc2x, mob2x, tab2x } = background;

diff --git a/src/components/ScreensPage/ScreensPage.module.css b/src/components/ScreensPage/ScreensPage.module.css
@@ -1,6 +1,6 @@
 .container {
   padding-top: 14px;
-  background-color: var(--board-bg);
+  background-color: var(--st-bg);
 }
 
 @media screen and (min-width: 768px) {

diff --git a/src/components/Task/Task.module.css b/src/components/Task/Task.module.css
@@ -129,7 +129,8 @@
     z-index: 5000;
     min-width: 135px;
     border-radius: 8px;
-    background-color: #1F1F1F;
+    border: 1px solid var(--modal-border);
+    background-color: var(--pop-up-bg);
     padding: 18px 18px 10px 18px;
     font-size: 14px;
     right: 0;
@@ -140,19 +141,19 @@
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
-   color: rgba(255, 255, 255, 0.5);
+   color: var(--pop-up-tx);
   }
 
   .iconTool{
     fill: none;
-    stroke: rgba(255, 255, 255, 0.5);
+    stroke: var(--pop-up-tx);
   }
 
   .tooltipItem:hover{
-    color: #bedbb0;
+    color: var(--pop-up-tx-hover);
   }
 
   .iconTool:hover{
-    stroke: #bedbb0;
+    stroke: var(--pop-up-tx-hover);
   }
 
diff --git a/src/components/UserEditModal/UserEditModal.jsx b/src/components/UserEditModal/UserEditModal.jsx
@@ -122,6 +122,11 @@ export default function UserEditModal({ onClose }) {
           </div>
           <p className={css.txt}>Edit Profile</p>
           <div className={css.avatarContainer}>
+            <button
+
+            type="button"
+            className={css.avatarBtn}
+            onClick={() => handleButtonClick()}>
             <span
               className={`${css.avatarBig} ${css.avatar}`}
               style={
@@ -130,6 +135,7 @@ export default function UserEditModal({ onClose }) {
                   : {}
               }
             />
+            </button>
 
             <button
               type="button"

diff --git a/src/components/UserEditModal/UserEditModal.module.css b/src/components/UserEditModal/UserEditModal.module.css
@@ -76,6 +76,12 @@
   top: 60px;
   cursor: pointer;
 }
+.avatarBtn{
+  border: none;
+  background: none;
+  margin: 0;
+  padding: 0;
+}
 
 .formInput {
   padding: 14px 18px;

diff --git a/src/index.css b/src/index.css
@@ -72,9 +72,16 @@
   --b-plus: var(--white);
   --task-text: rgba(22, 22, 22, 0.7);
 
+
+  --st-bg:#F6F6F7;
+
   /* Scroll */
   --scroll-track-bg: #e8e8e8;
   --scroll-thumb-bg: rgba(22, 22, 22, 0.1);
+
+  --pop-up-bg:#FCFCFC;
+  --pop-up-tx:rgba(225, 225, 225, 0.5);
+  --pop-up-tx-hover:var(--green);
 }
 
 .violet-theme {
@@ -130,9 +137,16 @@
   --b-plus: var(--black);
   --task-text: rgba(22, 22, 22, 0.7);
 
+
+  --st-bg:#ECEDFD;
+
   /* Scroll */
   --scroll-track-bg: #fff;
   --scroll-thumb-bg: #b8bcfd;
+
+  --pop-up-bg:#FCFCFC;
+  --pop-up-tx:rgba(225, 225, 225, 0.5);
+  --pop-up-tx-hover:var(--violet);
 }
 
 .dark-theme {
@@ -188,9 +202,16 @@
   --b-plus: var(--white);
   --task-text: rgba(255, 255, 255, 0.5);
 
+
+  --st-bg:#1F1F1F;
+
   /* Scroll */
   --scroll-track-bg: rgba(255, 255, 255, 0.08);
   --scroll-thumb-bg: #121212;
+
+  --pop-up-bg:#1F1F1F;
+  --pop-up-tx:rgba(22, 22, 22, 1);
+  --pop-up-tx-hover:var(--green);
 }
 
 html {