fixes

AnWhiteM · Jun 20, 2024 · 1da9342 · 1da9342
1 parent 6df154c
commit 1da9342
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 5 deletions.
diff --git a/src/components/AddAnotherCardBtn/AddAnotherCardBtn.module.css b/src/components/AddAnotherCardBtn/AddAnotherCardBtn.module.css
@@ -8,7 +8,7 @@
   border-radius: 8px;
   background: var(--add-card-btn);
   color: var(--b-text);
-  width: 334px;
+  width: 320px;
   height: 56px;
   }
 
@@ -32,3 +32,9 @@
 .icon{
     stroke: var(--b-plus);
   }
+  @media screen and (min-width: 768px) {
+    .btn {
+      width: 335px;
+    }
+  }
+
diff --git a/src/components/CreateBoardModal/CreateBoardModal.module.css b/src/components/CreateBoardModal/CreateBoardModal.module.css
@@ -75,6 +75,8 @@
   opacity: 0.6;
   font-size: 14px;
   letter-spacing: -0.02em;
+
+  transition: border var(--animation);
 }
 
 .input:hover,

diff --git a/src/components/EditBoardModal/EditBoardModal.module.css b/src/components/EditBoardModal/EditBoardModal.module.css
@@ -70,6 +70,8 @@
   opacity: 0.6;
   font-size: 14px;
   letter-spacing: -0.02em;
+
+  transition: border var(--animation);
 }
 
 .inputError {

diff --git a/src/components/ModalHelp/ModalHelp.module.css b/src/components/ModalHelp/ModalHelp.module.css
@@ -5,7 +5,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 13;
+  z-index: 99;
 }
 
 .modal {
@@ -18,6 +18,7 @@
   padding: 24px;
   width: 335px;
   border: 1px solid var(--modal-border);
+  z-index: 999;
 }
 
 .icon {
@@ -65,6 +66,8 @@
   font-weight: 400;
   box-shadow: none;
   outline: none;
+
+  transition: border var(--animation);
 }
 
 .input {
@@ -82,7 +85,6 @@
 .textArea:hover,
 .textArea:focus {
   opacity: 1;
-  border: 1px solid var(--white);
 }
 
 .input::placeholder,
@@ -126,7 +128,7 @@
 
 .button:hover,
 .button:focus {
-  background-color: #9dc888;
+  background-color: var(--btn-hover);
 }
 
 @media screen and (min-width: 768px) {

diff --git a/src/components/TaskColumnName/TaskColumnName.module.css b/src/components/TaskColumnName/TaskColumnName.module.css
@@ -6,7 +6,7 @@
     border-radius: 8px;
     padding: 20px 18px;
     color: var(--modal-text);
-    max-width: 335px;
+    max-width: 320px;
     margin-bottom: 14px;
 }
 
@@ -41,3 +41,9 @@
     filter: drop-shadow(0 0 5.5px var(--sb-shadows-hover));
     stroke: var(--sb-shadows-hover);
 }
+
+@media screen and (min-width: 768px) {
+    .taskColumn {
+      max-width: 335px;
+    }
+  }