Fix toaster component styles

pheralb · Mar 30, 2024 · 77da8c4 · 77da8c4
1 parent df3fef5
commit 77da8c4
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/src/components/providers/toaster.tsx b/src/components/providers/toaster.tsx
@@ -10,14 +10,11 @@ export const ToasterComponent = () => {
       position="bottom-right"
       theme={theme === "dark" ? "dark" : "light"}
       toastOptions={{
-        style: {
-          background: theme === "dark" ? "#171717" : "#f3f4f6",
-          color: theme === "dark" ? "#f5f5f5" : "#1f2937",
-          borderColor: theme === "dark" ? "#262626" : "#e5e7eb",
-        },
         classNames: {
-          toast: "font-sans",
+          toast:
+            "font-sans dark:bg-[#171717] bg-[#f3f4f6] text-[#1f2937] dark:text-[#f5f5f5] dark:border-[#262626]",
           description: "font-mono",
+          closeButton: "dark:bg-[#262626] dark:hover:bg-[#464646]",
         },
       }}
     />