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

View File

@ -1,7 +1,6 @@
<flux:main> <flux:main>
<flux:heading size="xl" level="1">Haloo, {{ auth()->user()?->employee?->full_name }}</flux:heading> <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:text class="mb-6 mt-2 text-base">Selamat datang di Studio Yadi Parfum.</flux:text>
<flux:separator />
<div class="mt-6"> <div class="mt-6">
<div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4"> <div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
@ -12,6 +11,8 @@
</flux:checkbox.group> </flux:checkbox.group>
</div> </div>
<flux:separator class="mb-6"/>
<flux:subheading>Data yang ditampilkan di bawah ini adalah data hari ini dan hari kemarin.</flux:subheading> <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"> <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) @foreach ($stats as $stat)

View File

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

View File

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