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: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)
|
||||||
|
|||||||
@ -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)
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user