fix(InputFile): fix border color focus

shuriken-ui · Feb 20, 2024 · 98697b7 · 98697b7
1 parent 965cf31
commit 98697b7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/src/plugins/components/input-file-regular/index.ts b/src/plugins/components/input-file-regular/index.ts
@@ -134,9 +134,9 @@ export default plugin(({ addComponents, theme }) => {
         },
       },
       //Input:focus
-      '&.nui-input-color-focus': {
-        '.nui-input-file-inner': {
-          [`@apply focus-within:!border-${config.focus.border.light} dark:focus-within:!border-${config.focus.border.dark}`]:
+      '&.nui-input-file-color-focus': {
+        '.nui-input-file-inner:focus': {
+          [`@apply !border-${config.focus.border.light} dark:!border-${config.focus.border.dark}`]:
             {},
         },
       },

diff --git a/src/plugins/components/input-file-regular/input-file-regular.component.ts b/src/plugins/components/input-file-regular/input-file-regular.component.ts
@@ -38,7 +38,7 @@ export const InputFileRegular = ({
         error && !loading && 'nui-input-file-error',
         loading && 'nui-input-file-loading',
         icon && 'nui-has-icon',
-        colorFocus && 'nui-input-color-focus',
+        colorFocus && 'nui-input-file-color-focus',
         classes?.wrapper,
       ]
         .filter(Boolean)
@@ -68,11 +68,7 @@ export const InputFileRegular = ({
         <label
           tabindex="0"
           for="${id}"
-          class=${[
-            'nui-input-file-inner',
-            colorFocus && 'nui-color-focus',
-            classes?.input,
-          ]
+          class=${['nui-input-file-inner', classes?.input]
             .filter(Boolean)
             .join(' ')}
         >