Add input and affix CSS classes to input wrapper

filamentphp · Nov 25, 2024 · 4e7ba96 · 4e7ba96
1 parent 3b7efff
commit 4e7ba96
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/support/resources/views/components/input/wrapper.blade.php b/packages/support/resources/views/components/input/wrapper.blade.php
@@ -106,7 +106,7 @@
                 wire:key="{{ \Illuminate\Support\Str::random() }}" {{-- Makes sure the loading indicator gets hidden again. --}}
             @endif
             @class([
-                'items-center gap-x-3 ps-3',
+                'fi-input-wrp-prefix items-center gap-x-3 ps-3',
                 'flex' => $hasPrefix,
                 'hidden' => ! $hasPrefix,
                 'pe-1' => $inlinePrefix && filled($prefix),
@@ -169,7 +169,7 @@
             wire:target="{{ $loadingIndicatorTarget }}"
         @endif
         @class([
-            'min-w-0 flex-1',
+            'fi-input-wrp-input min-w-0 flex-1',
             'ps-3' => $hasLoadingIndicator && (! $hasPrefix) && $inlinePrefix,
         ])
     >
@@ -179,7 +179,7 @@
     @if ($hasSuffix)
         <div
             @class([
-                'flex items-center gap-x-3 pe-3',
+                'fi-input-wrp-suffix flex items-center gap-x-3 pe-3',
                 'ps-1' => $inlineSuffix && filled($suffix),
                 'ps-2' => $inlineSuffix && blank($suffix),
                 'border-s border-gray-200 ps-3 dark:border-white/10' => ! $inlineSuffix,