fix(InputNumber): fix color focus not showing

shuriken-ui · Feb 17, 2024 · 28ff02c · 28ff02c
1 parent 3c4184f
commit 28ff02c
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/plugins/components/input-number/index.ts b/src/plugins/components/input-number/index.ts
@@ -122,13 +122,6 @@ export default plugin(({ addComponents, theme }) => {
         [`@apply transition-${config.input.action.transition.property} duration-${config.input.action.transition.duration}`]:
           {},
       },
-      //Focus:color
-      '&.nui-input-number-focus': {
-        '.nui-input': {
-          [`@apply focus:border-${config.input.focus.border.color.light} dark:focus:border-${config.input.focus.border.color.dark}`]:
-            {},
-        },
-      },
       //Rounded:sm
       '&.nui-input-number-rounded': {
         '.nui-input-number, .nui-input-number-outer': {
@@ -357,6 +350,17 @@ export default plugin(({ addComponents, theme }) => {
             {},
         },
       },
+      //Focus:color
+      '&.nui-input-number-focus': {
+        '.nui-input-number': {
+          //Focus
+          [`@apply focus:!border-${config.input.focus.border.color.light} dark:focus:!border-${config.input.focus.border.color.dark}`]:
+            {},
+          //Force focus
+          [`@apply focus:hover:!border-${config.input.focus.border.color.light} dark:focus:hover:!border-${config.input.focus.border.color.dark}`]:
+            {},
+        },
+      },
       //Input:buttons
       '.nui-input-number-buttons button': {
         '@apply bg-white dark:bg-muted-800 enabled:hover:bg-white dark:enabled:hover:bg-muted-900':