22 lines
700 B
Svelte
22 lines
700 B
Svelte
<script lang="ts">
|
|
import type { PageData } from './$types';
|
|
|
|
let { data } = $props<{ data: PageData }>();
|
|
</script>
|
|
|
|
<div class="mb-4 flex h-full min-h-0 flex-col gap-6 p-6">
|
|
<h1 class="text-2xl font-semibold text-gray-900">Admin Panel</h1>
|
|
|
|
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
|
{#each data.models as model}
|
|
<a
|
|
href="/admin/{model.slug}"
|
|
class="rounded-lg border border-gray-200 bg-white p-6 shadow-sm transition-shadow hover:shadow-md"
|
|
>
|
|
<h2 class="text-lg font-medium text-gray-900">{model.displayName}</h2>
|
|
<p class="mt-1 text-sm text-gray-500">Manage {model.displayName.toLowerCase()}</p>
|
|
</a>
|
|
{/each}
|
|
</div>
|
|
</div>
|