fix: Add cursor: not allowed when button disabled attr was activated.

sopt-makers · Dec 2, 2024 · a462050 · a462050
1 parent 45d8311
commit a462050
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/packages/ui/Button/style.css.ts b/packages/ui/Button/style.css.ts
@@ -4,14 +4,17 @@ import theme from '../theme.css';
 import { bgColors, borderRadiuses, borders, fontSizes, paddings, textColors } from './constants';
 
 export const root = style({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  gap: '4px',
-  border: 'none',
-  cursor: 'pointer',
-  fontWeight: 600,
-  minWidth: 'max-content',
+  'display': 'flex',
+  'justifyContent': 'center',
+  'alignItems': 'center',
+  'gap': '4px',
+  'border': 'none',
+  'cursor': 'pointer',
+  'fontWeight': 600,
+  'minWidth': 'max-content',
+  ':disabled': {
+    cursor: 'not-allowed',
+  },
 });
 
 const sprinkleProperties = defineProperties({