dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor: Update checkbox component to support full width option

Browse Source
This commit is contained in:
Andras Bacsai
2024-09-25 09:16:28 +02:00
parent 8e91d958be
commit 4af6caa79c
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/components/forms/checkbox.blade.php
View File

@@ -6,9 +6,13 @@
'instantSave' => false, 'instantSave' => false,
'value' => null, 'value' => null,
'hideLabel' => false, 'hideLabel' => false,
'fullWidth' => false,
]) ])
<div class="flex flex-row items-center py-1 form-control min-w-fit dark:hover:bg-coolgray-100"> <div @class([
'flex flex-row items-center gap-4 px-2 py-1 form-control min-w-fit dark:hover:bg-coolgray-100',
'w-full' => $fullWidth,
])>
@if (!$hideLabel) @if (!$hideLabel)
<label class="flex gap-4 px-0 min-w-fit label"> <label class="flex gap-4 px-0 min-w-fit label">
<span class="flex gap-2"> <span class="flex gap-2">

10
resources/views/components/modal-confirmation.blade.php
View File

@@ -181,14 +181,10 @@
</div> </div>
@foreach ($checkboxes as $index => $checkbox) @foreach ($checkboxes as $index => $checkbox)
<div class="flex justify-between items-center mb-2"> <div class="flex justify-between items-center mb-2">
<label for="{{ $checkbox['id'] }}" <x-forms.checkbox fullWidth :label="$checkbox['label']" :id="$checkbox['id']"
class="flex-grow pr-4 text-sm leading-5 text-gray-700 dark:text-gray-300"> :wire:model="$checkbox['id']"
{{ $checkbox['label'] }}
</label>
<x-forms.checkbox :id="$checkbox['id']" :wire:model="$checkbox['id']"
x-on:change="toggleAction('{{ $checkbox['id'] }}')" :checked="$this->{$checkbox['id']}" x-on:change="toggleAction('{{ $checkbox['id'] }}')" :checked="$this->{$checkbox['id']}"
x-bind:checked="selectedActions.includes('{{ $checkbox['id'] }}')" x-bind:checked="selectedActions.includes('{{ $checkbox['id'] }}')" />
class="flex-shrink-0" :hideLabel="true" />
</div> </div>
@endforeach @endforeach
</div> </div>