[#17]fix: notification component

damla · Apr 22, 2022 · 3d8d94d · 3d8d94d
1 parent 7f6e2af
commit 3d8d94d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/common/Notification/Notification.tsx b/src/components/common/Notification/Notification.tsx
@@ -21,9 +21,10 @@ const Notification = () => {
   return (
     <div
       id="toast-warning"
-      className={`absolute transition-all ease-out scale-0 duration-500 right-5 top-5 items-center shadow-md w-full max-w-xs p-4 text-gray-500 bg-slate-100 rounded-lg dark:text-gray-400 dark:bg-gray-800 ${
-        isVisible &&
-        classNames('flex transition-all ease-in scale-100 duration-500')
+      className={`absolute flex right-5 top-5 items-center shadow-md w-full max-w-xs p-4 text-gray-500 bg-slate-100 rounded-lg dark:text-gray-400 dark:bg-gray-800 ${
+        isVisible
+          ? classNames('transition-all ease-in scale-100 duration-300')
+          : 'transition-transform ease-out scale-0 duration-300'
       }`}
       role="alert"
     >