refactor: mengubah posisi separator dan menghapus card di search manual
This commit is contained in:
parent
407a8c6113
commit
db67c6af30
@ -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)
|
||||
|
||||
@ -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)
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user