Enhance Toaster component with dark theme and custom styles; update t…

…oast duration in Timer component; remove unused win.html file
akash2061 · Nov 3, 2024 · 2a6793a · 2a6793a
1 parent ea3a52a
commit 2a6793a
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 14 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -28,7 +28,21 @@ function App() {
         </div>
       </div>
       <Timer />
-      <Toaster richColors position="top-center" />
+      <Toaster richColors position="top-center" theme="dark"
+        toastOptions={{
+          style: {
+            fontSize: '1rem',
+            padding: '1rem',
+            marginTop: '1rem',
+            // backgroundColor: '#2d3748f0',
+            color: '#f7fafc',
+            borderRadius: '0.5rem',
+            boxShadow: '0 0 0.5rem rgba(0, 0, 0, 0.1)',
+            // border: '1px solid #2d3748',
+            zIndex: 9999
+          }
+        }}
+      />
     </div>
   );
 }

diff --git a/src/components/Timer.jsx b/src/components/Timer.jsx
@@ -18,11 +18,11 @@ const Timer = () => {
         } else {
             if (timerName !== 'Pomodoro Timer') {
                 toast.success(`${timerName} is done!`, {
-                    duration: 3000
+                    duration: 5000
                 });
             } else {
                 toast.success('Time to take a break!', {
-                    duration: 3000
+                    duration: 5000
                 });
             }
             invoke('bring_window_to_front');

diff --git a/src/components/win.html b/src/components/win.html