Merge pull request #44 from AnWhiteM/Dashboard

fixed bug with task card
AnWhiteM · Jun 12, 2024 · 5f57e14 · 5f57e14
2 parents 4a5cb26 + 0f52dde
commit 5f57e14
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 1 deletion.
diff --git a/src/components/CreateBoardModal/CreateBoardModal.module.css b/src/components/CreateBoardModal/CreateBoardModal.module.css
@@ -11,6 +11,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+
 }
 .modal {
   position: fixed;
@@ -23,6 +24,7 @@
   width: 335px;
   height: 355px;
   border: 1px solid rgba(255, 255, 255, 1);
+  z-index: 15;
 }
 .input {
   padding: 12px 8px;

diff --git a/src/components/EditBoardModal/EditBoardModal.module.css b/src/components/EditBoardModal/EditBoardModal.module.css
@@ -17,6 +17,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  z-index: 13;
 }
 .modal {
   position: fixed;

diff --git a/src/components/TaskCard/TaskCard.jsx b/src/components/TaskCard/TaskCard.jsx
@@ -3,7 +3,7 @@ import svg from "../../img/icons.svg";
 
 export const Card = () => {
     return (
-      <div className={css.card}>
+<div className={css.card}>
         <div className={css.border}></div>
         <h4 className={css.title}>The Watch Spot Design</h4>
         <p className={css.desc}>

diff --git a/src/components/TaskCard/TaskCard.module.css b/src/components/TaskCard/TaskCard.module.css
@@ -109,4 +109,14 @@
     fill: none;
     stroke: #bedbb0;
     filter: drop-shadow(0 0 5px #bedbb0);
+}
+
+.icon {
+    cursor: pointer;
+}
+
+.icon:hover,
+.icon:focus {
+  filter: drop-shadow(0 0 5.5px #bedbb0);
+  stroke: #bedbb0;
 }
diff --git a/src/pages/HomePage/HomePage.module.css b/src/pages/HomePage/HomePage.module.css
@@ -16,6 +16,7 @@
   left: 0;
   height: 100%;
   width: 225px;
+  z-index: 12;
 }
 
 .mainCont {
@@ -34,6 +35,7 @@
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
+  z-index: 11;
 }
 
 @media screen and (min-width: 1440px) {