Renaming too general className with project-specific one (#305) (#315)

emilkowalski · Jan 24, 2024 · 8f696af · 8f696af · vercel · Jan 24, 2024
1 parent d1b6619
commit 8f696af
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -199,7 +199,7 @@ const Toast = (props: ToastProps) => {
   function getLoadingIcon() {
     if (loadingIconProp) {
       return (
-        <div className="loader" data-visible={toastType === 'loading'}>
+        <div className="sonner-loader" data-visible={toastType === 'loading'}>
           {loadingIconProp}
         </div>
       );

diff --git a/src/styles.css b/src/styles.css
@@ -646,7 +646,7 @@ html[dir='rtl'],
   }
 }
 
-.loader {
+.sonner-loader {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -657,7 +657,7 @@ html[dir='rtl'],
     transform 200ms;
 }
 
-.loader[data-visible='false'] {
+.sonner-loader[data-visible='false'] {
   opacity: 0;
   transform: scale(0.8) translate(-50%, -50%);
 }