myrmidex
91eba18b79
All checks were successful
Build and Push Docker Image / build (push) Successful in 12m29s
36 lines
1.9 KiB
TypeScript
36 lines
1.9 KiB
TypeScript
import { PlaceholderPattern } from '@/components/ui/placeholder-pattern';
|
|
import AppLayout from '@/layouts/AppLayout';
|
|
import { home } from '@/routes';
|
|
import { type BreadcrumbItem } from '@/types';
|
|
import { Head } from '@inertiajs/react';
|
|
|
|
const breadcrumbs: BreadcrumbItem[] = [
|
|
{
|
|
title: 'Dashboard',
|
|
href: home().url,
|
|
},
|
|
];
|
|
|
|
export default function Dashboard() {
|
|
return (
|
|
<AppLayout breadcrumbs={breadcrumbs}>
|
|
<Head title="Dashboard" />
|
|
<div className="flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4">
|
|
<div className="grid auto-rows-min gap-4 md:grid-cols-3">
|
|
<div className="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
|
|
<PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
<div className="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
|
|
<PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
<div className="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
|
|
<PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
</div>
|
|
<div className="relative min-h-[100vh] flex-1 overflow-hidden rounded-xl border border-sidebar-border/70 md:min-h-min dark:border-sidebar-border">
|
|
<PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
</div>
|
|
</AppLayout>
|
|
);
|
|
}
|