fix(input-file-regular): set height to inner element

shuriken-ui · Aug 27, 2023 · f468417 · f468417
1 parent aa5d1a1
commit f468417
Showing 1 changed file with 24 additions and 8 deletions.
diff --git a/src/plugins/components/input-file-regular.ts b/src/plugins/components/input-file-regular.ts
@@ -196,15 +196,19 @@ export default plugin.withOptions(
             },
           },
           [`&.${prefix}input-sm:not(.${prefix}has-icon)`]: {
-            [`@apply h-8 py-2 text-${config.hasNotIcon.sm} leading-4 gap-1`]:
-              {},
+            [`@apply text-${config.hasNotIcon.sm} leading-4`]: {},
+            [`.${prefix}input-file-inner`]: {
+              [`@apply h-8 py-2 gap-1`]: {},
+            },
             [`.${prefix}input-file-addon`]: {
               [`@apply h-8 px-2`]: {},
             },
           },
           [`&.${prefix}input-sm.${prefix}has-icon`]: {
-            [`@apply h-8 py-2 text-${config.hasIcon.sm.text} leading-4 pe-3`]:
-              {},
+            [`@apply text-${config.hasIcon.sm.text} leading-4`]: {},
+            [`.${prefix}input-file-inner`]: {
+              [`@apply h-8 py-2 pe-3`]: {},
+            },
             [`.${prefix}input-file-addon`]: {
               [`@apply h-8 px-2`]: {},
             },
@@ -214,13 +218,19 @@ export default plugin.withOptions(
             },
           },
           [`&.${prefix}input-md:not(.${prefix}has-icon)`]: {
-            [`@apply h-10 text-${config.hasNotIcon.md} leading-5 gap-2`]: {},
+            [`@apply text-${config.hasNotIcon.md} leading-5`]: {},
+            [`.${prefix}input-file-inner`]: {
+              [`@apply h-10 gap-2`]: {},
+            },
             [`.${prefix}input-file-addon`]: {
               [`@apply h-10 px-3`]: {},
             },
           },
           [`&.${prefix}input-md.${prefix}has-icon`]: {
-            [`@apply h-10 text-${config.hasIcon.md.text} leading-5 pe-4`]: {},
+            [`@apply text-${config.hasIcon.md.text} leading-5`]: {},
+            [`.${prefix}input-file-inner`]: {
+              [`@apply h-10 pe-4`]: {},
+            },
             [`.${prefix}input-file-addon`]: {
               [`@apply h-10 px-3`]: {},
             },
@@ -230,13 +240,19 @@ export default plugin.withOptions(
             },
           },
           [`&.${prefix}input-lg:not(.${prefix}has-icon)`]: {
-            [`@apply h-12 text-${config.hasNotIcon.lg} leading-5 gap-2`]: {},
+            [`@apply text-${config.hasNotIcon.lg} leading-5`]: {},
+            [`.${prefix}input-file-inner`]: {
+              [`@apply h-12 gap-2`]: {},
+            },
             [`.${prefix}input-file-addon`]: {
               [`@apply h-12 px-4`]: {},
             },
           },
           [`&.${prefix}input-lg.${prefix}has-icon`]: {
-            [`@apply h-12 text-${config.hasIcon.lg.text} leading-5 pe-4`]: {},
+            [`@apply text-${config.hasIcon.lg.text} leading-5`]: {},
+            [`.${prefix}input-file-inner`]: {
+              [`@apply h-12 pe-4`]: {},
+            },
             [`.${prefix}input-file-addon`]: {
               [`@apply h-12 px-4`]: {},
             },