feat(public): frame padding for dashboard

This commit is contained in:
riefive
2025-09-16 12:59:11 +07:00
parent 01057b9138
commit e5fe4d1c96
+3 -3
View File
@@ -121,10 +121,10 @@ onMounted(() => {
</div>
</div>
<main class="my-6 flex flex-1 flex-col gap-4 md:gap-8">
<div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-5">
<PubBaseSummaryCard v-for="card in summaryData" :key="card.title" :stat="card" />
</div>
<div class="grid gap-4 md:gap-8 lg:grid-cols-1 xl:grid-cols-3">
<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-5">
<Card v-for="n in 3" :key="n">
<CardHeader>
<CardTitle>Recent Sales</CardTitle>
@@ -160,7 +160,7 @@ onMounted(() => {
<h2 class="text-xl font-semibold tracking-tight">Aksi Cepat</h2>
</div>
</CardHeader>
<CardContent class="grid cursor-pointer gap-8 md:grid-cols-4 md:gap-8">
<CardContent class="grid cursor-pointer gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-5">
<Card
v-for="item in linkItems"
:key="item.title"