Wrap inline fields when they take too much space

aerni · May 23, 2024 · 4b63694 · 4b63694
1 parent 76f0058
commit 4b63694
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/resources/views/default/fields/checkboxes.blade.php b/resources/views/default/fields/checkboxes.blade.php
@@ -7,7 +7,7 @@
         @endif
     </div>
 
-    <div class="flex {{ $field->inline ? 'items-start gap-x-6' : 'flex-col gap-y-2' }}">
+    <div class="{{ $field->inline ? 'flex items-start flex-wrap gap-x-6 gap-y-2' : 'flex flex-col gap-y-2' }}">
         @foreach($field->options as $option => $label)
             <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start gap-x-3">
                 <div class="flex items-center h-5">

diff --git a/resources/views/default/fields/radio.blade.php b/resources/views/default/fields/radio.blade.php
@@ -7,7 +7,7 @@
         @endif
     </div>
 
-    <div class="flex {{ $field->inline ? 'items-start gap-x-6' : 'flex-col gap-y-2' }}">
+    <div class="{{ $field->inline ? 'flex items-start flex-wrap gap-x-6 gap-y-2' : 'flex flex-col gap-y-2' }}">
         @foreach($field->options as $option => $label)
             <div wire:key="{{ $field->id }}-{{ $option }}" class="flex items-start gap-x-3">
                 <div class="flex items-center h-5">