updated styling based on dec9 feedback

tkhq · Dec 9, 2024 · cc95440 · cc95440
1 parent 07a03af
commit cc95440
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/examples/react-components/src/app/dashboard/page.tsx b/examples/react-components/src/app/dashboard/page.tsx
@@ -1104,7 +1104,7 @@ export default function Dashboard() {
       <div>
         <Toaster
           position="bottom-right"
-          toastOptions={{ className: "sonner-toaster" }}
+          toastOptions={{ className: "sonner-toaster", duration: 2500 }}
         />
       </div>
     </main>

diff --git a/examples/react-components/src/app/index.css b/examples/react-components/src/app/index.css
@@ -157,6 +157,8 @@ body {
 }
 
 .sonner-toaster {
+  font-family: "Inter";
+  font-size: 14px;
   z-index: 9999;
   pointer-events: none;
 }

diff --git a/examples/react-components/src/app/page.tsx b/examples/react-components/src/app/page.tsx
@@ -281,7 +281,7 @@ export default function AuthPage() {
       <div>
         <Toaster
           position="bottom-right"
-          toastOptions={{ className: "sonner-toaster" }}
+          toastOptions={{ className: "sonner-toaster", duration: 2500 }}
         />
       </div>
     </main>