refactor: mengubah posisi separator dan menghapus card di search manual

This commit is contained in:
Yoga Pangestu 2025-11-12 08:44:33 +07:00
parent 407a8c6113
commit db67c6af30
4 changed files with 26 additions and 28 deletions

View File

@ -1,6 +1,5 @@
<flux:main>
<flux:heading size="xl" level="1" class="mb-6">{{ $pageTitle }}</flux:heading>
<flux:separator />
<div class="mt-6">
<div class="flex flex-col lg:flex-row lg:justify-between lg:items-center mb-6 gap-4">
@ -40,6 +39,8 @@
</div>
</div>
<flux:separator class="mb-6"/>
<flux:heading>Counting Data</flux:heading>
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-3 mb-6 mt-2">
@foreach ($countingData as $item)

View File

@ -1,17 +1,18 @@
<flux:main>
<flux:heading size="xl" level="1">Haloo, {{ auth()->user()?->employee?->full_name }}</flux:heading>
<flux:text class="mb-6 mt-2 text-base">Selamat datang di Studio Yadi Parfum.</flux:text>
<flux:separator />
<div class="mt-6">
<div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
<flux:checkbox.group wire:model.live="selectedOutletIds" variant="buttons">
@foreach ($outlets as $key => $value)
<flux:checkbox value="{{ $key }}" label="{{ $value }}" />
<flux:checkbox value="{{ $key }}" label="{{ $value }}" />
@endforeach
</flux:checkbox.group>
</div>
<flux:separator class="mb-6"/>
<flux:subheading>Data yang ditampilkan di bawah ini adalah data hari ini dan hari kemarin.</flux:subheading>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4 mb-6 mt-2">
@foreach ($stats as $stat)

View File

@ -15,19 +15,18 @@ class="text-sm">
<div class="mt-6">
<div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
<flux:card class="flex flex-col justify-center">
<flux:input icon="magnifying-glass" placeholder="Cari outlet..."
wire:model.live.debounce.500ms="search" />
</flux:card>
<flux:input icon="magnifying-glass" placeholder="Cari outlet..." wire:model.live.debounce.500ms="search"
autocomplete="off" />
<flux:card>
<flux:checkbox.group wire:model.live="status" variant="buttons">
@foreach (\App\Enums\OutletStatus::cases() as $status)
<flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
@endforeach
</flux:checkbox.group>
</flux:card>
<flux:checkbox.group wire:model.live="status" variant="buttons">
@foreach (\App\Enums\OutletStatus::cases() as $status)
<flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
@endforeach
</flux:checkbox.group>
</div>
<flux:separator class="mb-6" />
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-start">
@foreach ($outlets as $outlet)
<flux:card

View File

@ -15,28 +15,25 @@ class="text-sm">
<div class="mt-6">
<div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
<flux:card class="flex flex-col justify-center">
<flux:input icon="magnifying-glass" placeholder="Cari outlet..."
wire:model.live.debounce.500ms="search" />
</flux:card>
<flux:input icon="magnifying-glass" placeholder="Cari outlet..." wire:model.live.debounce.500ms="search"
autocomplete="off" />
<flux:card>
<flux:checkbox.group wire:model.live="status" variant="buttons">
@foreach (\App\Enums\UserStatus::cases() as $status)
<flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
@endforeach
</flux:checkbox.group>
</flux:card>
<flux:checkbox.group wire:model.live="status" variant="buttons">
@foreach (\App\Enums\UserStatus::cases() as $status)
<flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
@endforeach
</flux:checkbox.group>
</div>
<flux:separator class="mb-6" />
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 items-start">
@foreach ($employees as $employee)
<flux:card
class="relative space-y-4 transition-transform duration-300 ease-out hover:-translate-y-1 hover:shadow-lg">
<div
class="flex flex-col items-center text-center mb-4 p-4 rounded-t-lg {{ $employee['user']['status']['gradient'] }}">
<flux:avatar circle size="xl" name="{{ $employee['full_name'] }}"
class="mb-3" />
<flux:avatar circle size="xl" name="{{ $employee['full_name'] }}" class="mb-3" />
<flux:heading size="lg" class="mb-1 text-white">{{ $employee['full_name'] }}
</flux:heading>
<div class="text-sm text-white/80 mb-2">{{ $employee['code'] }}</div>