coolify/resources/views/components/table/loading.blade.php

@props(['target', 'text' => 'Loading records...'])

<div wire:loading.flex wire:target="{{ $target }}"
    {{ $attributes->class(['table-loading-overlay absolute inset-0 z-30 hidden items-center justify-center bg-white/70 backdrop-blur-[1px] dark:bg-black/20']) }}>
    <x-loading aria-label="{{ $text }}" class="[&_.loading-indicator]:size-5" />
</div>
feat(ui): add shared table controls and multi-select filters Introduce x-table toolbar/search/filter/sort/loading components and multi-select deployment history filters with OR within groups and AND across groups. Add live database/service status for breadcrumbs, shared variables layout controls, logs viewer toolbar polish, and infrastructure list filter consistency. Document patterns in UI_REDESIGN.md and cover with feature tests. 2026-08-06 13:37:30 +00:00			`@props(['target', 'text' => 'Loading records...'])`

			`<div wire:loading.flex wire:target="{{ $target }}"`
			`{{ $attributes->class(['table-loading-overlay absolute inset-0 z-30 hidden items-center justify-center bg-white/70 backdrop-blur-[1px] dark:bg-black/20']) }}>`
			`<x-loading aria-label="{{ $text }}" class="[&_.loading-indicator]:size-5" />`
			`</div>`