fix(ui): remove shadown when sound is loading

mateusfg7 · Sep 3, 2023 · 40dd618 · 40dd618
1 parent 7a7e298
commit 40dd618
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/sound/styles.ts b/src/components/sound/styles.ts
@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants'
 
 export const soundButton = tv({
-  base: /*tw:*/ 'flex justify-center items-center w-24 h-24 rounded-xl cursor-pointer transition duration-300 opacity-70 md:hover:opacity-100 md:hover:shadow-sound',
+  base: /*tw:*/ 'flex justify-center items-center w-24 h-24 rounded-xl cursor-pointer transition duration-300 opacity-70',
   variants: {
     theme: {
       transition: /*tw:*/ 'text-white/90 md:hover:bg-white/10',
@@ -16,7 +16,8 @@ export const soundButton = tv({
       true: /*tw:*/ 'rounded-b-none opacity-100 md:shadow-sound'
     },
     loading: {
-      true: /*tw:*/ 'animate-pulse cursor-wait md:hover:opacity-70 md:hover:bg-transparent md:hover:shadow-none'
+      true: /*tw:*/ 'animate-pulse cursor-wait md:hover:bg-transparent',
+      false: /*tw:*/ 'md:hover:opacity-100 md:hover:shadow-sound'
     }
   },
   compoundVariants: [