35 lines
1.6 KiB
Svelte
35 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import PlaceholderPattern from '@/components/PlaceholderPattern.svelte';
|
|
import AppLayout from '@/layouts/AppLayout.svelte';
|
|
import { type BreadcrumbItem } from '@/types';
|
|
|
|
const breadcrumbs: BreadcrumbItem[] = [
|
|
{
|
|
title: 'Dashboard',
|
|
href: '/dashboard',
|
|
},
|
|
];
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>Dashboard</title>
|
|
</svelte:head>
|
|
|
|
<AppLayout {breadcrumbs}>
|
|
<div class="space-y-4 px-4 pt-4">
|
|
<div class="grid auto-rows-min gap-4 md:grid-cols-3">
|
|
<div class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
|
|
<PlaceholderPattern class="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
<div class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
|
|
<PlaceholderPattern class="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
<div class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
|
|
<PlaceholderPattern class="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
</div>
|
|
<div class="relative h-[calc(100vh-21rem)] overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border">
|
|
<PlaceholderPattern class="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
|
|
</div>
|
|
</div>
|
|
</AppLayout>
|