fix(): Sonner toast styles.

CQCL · Feb 26, 2024 · 57e349f · 57e349f
1 parent 7cc8022
commit 57e349f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/shadcn/ui/sonner.tsx b/src/shadcn/ui/sonner.tsx
@@ -20,8 +20,11 @@ export const SonnerToast = ({ ...props }: ToasterProps) => {
           actionButton:
             "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
           cancelButton:
-            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-        },
+            "group-[.toaster]:bg-muted group-[.toaster]:text-muted-foreground bg-red",
+
+                closeButton:
+                "group-[.toaster]:bg-muted group-[.toaster]:border-border group-[.toaster]:text-foreground bg-red group-[.toaster]:hover:text-background",
+                    },
       }}
       {...props}
     />

diff --git a/stories/shadcn/sonner.stories.tsx b/stories/shadcn/sonner.stories.tsx
@@ -5,7 +5,7 @@ import * as sonner from 'sonner'
 const SonnerDemo = () => {
     return (
         <div>
-        <SonnerToast closeButton duration={1}>
+        <SonnerToast closeButton duration={9000000}>
 
         </SonnerToast>
          <Button onClick={() => sonner.toast.success('Success!')}>Show Toast</Button>   </div>