refactor(formula): merubah tampilan card nya dan menyesuaikan quality di seeder

This commit is contained in:
Yoga Pangestu 2025-10-27 22:49:22 +07:00
parent 3f0331de80
commit 0104e5a5af
2 changed files with 10 additions and 6 deletions

View File

@ -11,9 +11,9 @@ class FormulaSeeder extends Seeder
public function run(): void public function run(): void
{ {
$ratios = [ $ratios = [
'PREMIUM' => 2 / 3, 'Premium' => 2 / 3,
'SUPER PREMIUM' => 3 / 4, 'Super Premium' => 3 / 4,
'MURNI' => 1.0, 'Murni' => 1.0,
]; ];
$sizes = Bottle::distinct()->pluck('size'); $sizes = Bottle::distinct()->pluck('size');

View File

@ -3,7 +3,7 @@
<div> <div>
<flux:heading size="xl">{{ $pageTitle }}</flux:heading> <flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div> </div>
@can ('create formula') @can('create formula')
<div> <div>
<flux:modal.trigger name="form-modal"> <flux:modal.trigger name="form-modal">
<flux:button variant="primary" class="text-sm" <flux:button variant="primary" class="text-sm"
@ -15,10 +15,14 @@
</div> </div>
<div class="mt-6"> <div class="mt-6">
<div class="mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-6 gap-4"> <div class="mt-6 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
@foreach ($formulas as $key => $formula) @foreach ($formulas as $key => $formula)
<flux:card class="space-y-2"> <flux:card class="space-y-2">
<flux:heading size="xl">Ukuran {{ $key }} ml</flux:heading> <div class="mb-4 pb-3 border-b border-gray-200">
<flux:heading size="xl" class="flex items-center gap-2">
<flux:badge color="blue" size="lg">{{ $key }} ml</flux:badge>
</flux:heading>
</div>
@foreach ($formula as $item) @foreach ($formula as $item)
<flux:callout variant="secondary" inline> <flux:callout variant="secondary" inline>
<div class="flex items-center space-x-1"> <div class="flex items-center space-x-1">