fix(Input): fix color focus not showing on hover

shuriken-ui · Feb 17, 2024 · 3c4184f · 3c4184f
1 parent c3fed6c
commit 3c4184f
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/plugins/components/input/index.ts b/src/plugins/components/input/index.ts
@@ -99,13 +99,6 @@ export default plugin(({ addComponents, theme }) => {
         [`@apply transition-${config.input.action.transition.property} duration-${config.input.action.transition.duration}`]:
           {},
       },
-      //Focus:color
-      '&.nui-input-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-rounded': {
         '.nui-input': {
@@ -285,6 +278,17 @@ export default plugin(({ addComponents, theme }) => {
             {},
         },
       },
+      //Focus:color
+      '&.nui-input-focus': {
+        '.nui-input': {
+          //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:not loading
       '&:not(.nui-input-loading)': {
         '.nui-input:placeholder-shown ~ .nui-label-float': {