Fix loading icon bug

emilkowalski · Jan 14, 2024 · 7e658f2 · 7e658f2
1 parent 7c19a8c
commit 7e658f2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -520,7 +520,6 @@ html[dir='rtl'],
 
 .sonner-loading-bar:nth-child(1) {
   animation-delay: -1.2s;
-  /* Rotate trick to avoid adding an additional pixel in some sizes */
   transform: rotate(0.0001deg) translate(146%);
 }
 

diff --git a/website/src/components/Hero/index.tsx b/website/src/components/Hero/index.tsx
@@ -17,8 +17,9 @@ export const Hero = () => {
         <button
           data-primary=""
           onClick={() => {
-            toast('Sonner', {
-              description: 'An opinionated toast component for React.'
+            toast.loading('Sonner', {
+              duration: 999999,
+              description: 'An opinionated toast component for React.',
             });
           }}
           className={styles.button}