57 lines
3.3 KiB
PHP
57 lines
3.3 KiB
PHP
<x-layouts.app title="Dashboard">
|
|
<div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
|
|
<div class="grid auto-rows-min gap-4 md:grid-cols-3">
|
|
<div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700 p-4">
|
|
<livewire:notifications />
|
|
</div>
|
|
<div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
|
|
<flux:table>
|
|
<flux:table.columns>
|
|
<flux:table.column>Customer</flux:table.column>
|
|
<flux:table.column>Date</flux:table.column>
|
|
<flux:table.column>Status</flux:table.column>
|
|
<flux:table.column>Amount</flux:table.column>
|
|
</flux:table.columns>
|
|
|
|
<flux:table.rows>
|
|
<flux:table.row>
|
|
<flux:table.cell>Lindsey Aminoff</flux:table.cell>
|
|
<flux:table.cell>Jul 29, 10:45 AM</flux:table.cell>
|
|
<flux:table.cell><flux:badge color="green" size="sm" inset="top bottom">Paid</flux:badge></flux:table.cell>
|
|
<flux:table.cell variant="strong">$49.00</flux:table.cell>
|
|
</flux:table.row>
|
|
|
|
<flux:table.row>
|
|
<flux:table.cell>Hanna Lubin</flux:table.cell>
|
|
<flux:table.cell>Jul 28, 2:15 PM</flux:table.cell>
|
|
<flux:table.cell><flux:badge color="green" size="sm" inset="top bottom">Paid</flux:badge></flux:table.cell>
|
|
<flux:table.cell variant="strong">$312.00</flux:table.cell>
|
|
</flux:table.row>
|
|
|
|
<flux:table.row>
|
|
<flux:table.cell>Kianna Bushevi</flux:table.cell>
|
|
<flux:table.cell>Jul 30, 4:05 PM</flux:table.cell>
|
|
<flux:table.cell><flux:badge color="zinc" size="sm" inset="top bottom">Refunded</flux:badge></flux:table.cell>
|
|
<flux:table.cell variant="strong">$132.00</flux:table.cell>
|
|
</flux:table.row>
|
|
|
|
<flux:table.row>
|
|
<flux:table.cell>Gustavo Geidt</flux:table.cell>
|
|
<flux:table.cell>Jul 27, 9:30 AM</flux:table.cell>
|
|
<flux:table.cell><flux:badge color="green" size="sm" inset="top bottom">Paid</flux:badge></flux:table.cell>
|
|
<flux:table.cell variant="strong">$31.00</flux:table.cell>
|
|
</flux:table.row>
|
|
</flux:table.rows>
|
|
</flux:table>
|
|
</div>
|
|
<div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
|
|
<x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
</div>
|
|
<div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
|
|
<x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
</div>
|
|
</x-layouts.app>
|
|
|
|
|