Updated search term lists to flex layouts

This commit is contained in:
Dan Brown 2022-11-03 12:49:05 +00:00
parent f809bd3a62
commit 7101ec09ed
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9

View File

@ -2,25 +2,24 @@
@type - Type of term (exact, tag) @type - Type of term (exact, tag)
@currentList @currentList
--}} --}}
<table component="add-remove-rows" <div component="add-remove-rows"
option:add-remove-rows:remove-selector="button.text-neg" option:add-remove-rows:remove-selector="button.text-neg"
option:add-remove-rows:row-selector="tr" option:add-remove-rows:row-selector=".flex-container-row"
class="no-style"> class="flex-container-column gap-xs">
@foreach(array_merge($currentList, ['']) as $term) @foreach(array_merge($currentList, ['']) as $term)
<tr @if(empty($term)) class="hidden" refs="add-remove-rows@model" @endif> <div @if(empty($term)) refs="add-remove-rows@model" @endif
<td class="pb-s pr-m"> class="{{ $term ? '' : 'hidden' }} flex-container-row items-center gap-x-xs">
<div>
<input class="exact-input outline" type="text" name="{{$type}}[]" value="{{ $term }}"> <input class="exact-input outline" type="text" name="{{$type}}[]" value="{{ $term }}">
</td> </div>
<td> <div>
<button type="button" class="text-neg text-button">@icon('close')</button> <button type="button" class="text-neg text-button icon-button p-xs">@icon('close')</button>
</td> </div>
</tr> </div>
@endforeach @endforeach
<tr> <div class="flex py-xs">
<td colspan="2"> <button refs="add-remove-rows@add" type="button" class="text-button">
<button refs="add-remove-rows@add" type="button" class="text-button"> @icon('add-circle'){{ trans('common.add') }}
@icon('add-circle'){{ trans('common.add') }} </button>
</button> </div>
</td> </div>
</tr>
</table>