fix: add cursor pointer style to StopSoundsButton for better UX

2025-09-20 15:41:07 +02:00
parent 72914da637
commit 7c3a8aab64
1 changed files with 1 additions and 1 deletions
--- a/src/components/nav/StopSoundsButton.tsx
+++ b/src/components/nav/StopSoundsButton.tsx
@@ -31,7 +31,7 @@ export function StopSoundsButton() {
          onClick={handleStopSounds}
          disabled={isLoading}
          tooltip={tooltipText}
-          className="group-data-[collapsible=icon]:justify-center text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:text-red-300 dark:hover:bg-red-950/50"
+          className="group-data-[collapsible=icon]:justify-center text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:text-red-300 dark:hover:bg-red-950/50 cursor-pointer disabled:cursor-not-allowed"
        >
          <Square className="h-5 w-5 fill-current" />
          <span className="font-semibold group-data-[collapsible=icon]:hidden">