fix: fix alert message were not showing well

TeamMrWeb · Oct 13, 2022 · 92ac86a · 92ac86a
1 parent 1e12735
commit 92ac86a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/src/components/AlertMessage/AlertMessage.tsx b/src/components/AlertMessage/AlertMessage.tsx
@@ -14,7 +14,7 @@ export default function AlertMessage() {
   useEffect(() => {
     setTimeout(() => {
       dispatch(closeAlertMessage())
-    }, 10000)
+    }, 1000000)
   }, [])
 
   const typesIcon: {

diff --git a/src/components/AlertMessage/_alertMessage.scss b/src/components/AlertMessage/_alertMessage.scss
@@ -12,7 +12,8 @@
   border: 2px solid $primaryColorLight;
   border-radius: 10px;
   animation: appear 1s, disappear 1s linear 9.5s;
-  z-index: 10;
+  z-index: 1000;
+  background-color: $primaryColor;
   .alert-message__icon {
     width: 30px;
     height: 30px;

diff --git a/src/scss/index.css b/src/scss/index.css
@@ -470,7 +470,8 @@ html body #root .App ul {
   border-radius: 10px;
   -webkit-animation: appear 1s, disappear 1s linear 9.5s;
           animation: appear 1s, disappear 1s linear 9.5s;
-  z-index: 10;
+  z-index: 1000;
+  background-color: #1c1d22;
 }
 .alert-message .alert-message__icon {
   width: 30px;