fix: design of email sent toast message

2026-09-12 20:57:40 +02:00 · 2023-12-05 14:12:12 +05:30
parent 428bb3b7c3
commit 7495955420
3 changed files with 16 additions and 14 deletions
@@ -3,15 +3,18 @@ import "../../css/signature.css";

 function EmailToast({ isShow }) {
  return (
-    <div
-      style={{ display: isShow ? "flex" : "none", justifyContent: "center" }}
-    >
-      <div className="emailToast">
-        <span style={{ fontSize: "12px", fontWeight: "500" }}>
-          Email sent successfully!
-        </span>
-      </div>
-    </div>
+    <>
+      {isShow && (
+        <div style={{ display: "flex", justifyContent: "center" }}>
+          <div
+            className="alert alert-success successBox"
+            style={{ zIndex: "1051" }}
+          >
+            Email sent successfully!
+          </div>
+        </div>
+      )}
+    </>
  );
 }