Expanded checkbox clickable area to include label.
This commit is contained in:
@@ -14,8 +14,8 @@
|
|||||||
'w-full' => $fullWidth,
|
'w-full' => $fullWidth,
|
||||||
])>
|
])>
|
||||||
@if (!$hideLabel)
|
@if (!$hideLabel)
|
||||||
<label @class(['flex gap-4 px-0 min-w-fit label', 'opacity-40' => $disabled])>
|
<label @class(['flex gap-4 items-center px-0 min-w-fit label w-full cursor-pointer', 'opacity-40' => $disabled])>
|
||||||
<span class="flex gap-2">
|
<span class="flex flex-grow gap-2">
|
||||||
@if ($label)
|
@if ($label)
|
||||||
{!! $label !!}
|
{!! $label !!}
|
||||||
@else
|
@else
|
||||||
@@ -25,11 +25,11 @@
|
|||||||
<x-helper :helper="$helper" />
|
<x-helper :helper="$helper" />
|
||||||
@endif
|
@endif
|
||||||
</span>
|
</span>
|
||||||
</label>
|
|
||||||
@endif
|
@endif
|
||||||
<span class="flex-grow"></span>
|
|
||||||
<input @disabled($disabled) type="checkbox" {{ $attributes->merge(['class' => $defaultClass]) }}
|
<input @disabled($disabled) type="checkbox" {{ $attributes->merge(['class' => $defaultClass]) }}
|
||||||
@if ($instantSave) wire:loading.attr="disabled" wire:click='{{ $instantSave === 'instantSave' || $instantSave == '1' ? 'instantSave' : $instantSave }}'
|
@if ($instantSave) wire:loading.attr="disabled" wire:click='{{ $instantSave === 'instantSave' || $instantSave == '1' ? 'instantSave' : $instantSave }}'
|
||||||
wire:model={{ $id }} @else wire:model={{ $value ?? $id }} @endif />
|
wire:model={{ $id }} @else wire:model={{ $value ?? $id }} @endif />
|
||||||
|
@if (!$hideLabel)
|
||||||
|
</label>
|
||||||
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user