From e397767744b20ef64989fa374520d7bdd1a29e9e Mon Sep 17 00:00:00 2001
From: oiov <oiov@duck.com>
Date: Thu, 1 Aug 2024 20:54:34 +0800
Subject: [PATCH] upd: dash loading style

---
 app/(protected)/dashboard/loading.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/(protected)/dashboard/loading.tsx b/app/(protected)/dashboard/loading.tsx
index 7ad32ed..83d2a91 100644
--- a/app/(protected)/dashboard/loading.tsx
+++ b/app/(protected)/dashboard/loading.tsx
@@ -5,8 +5,15 @@ export default function DashboardLoading() {
   return (
     <>
       <DashboardHeader heading="Dashboard" text="" />
-      <Skeleton className="h-[200px] w-full rounded-lg" />
-      <Skeleton className="h-[200px] w-full rounded-lg" />
+      <div className="flex flex-col gap-5">
+        <div className="grid grid-cols-1 gap-4 sm:grid-cols-3 lg:grid-cols-3">
+          <Skeleton className="h-32 w-full rounded-lg" />
+          <Skeleton className="h-32 w-full rounded-lg" />
+          <Skeleton className="h-32 w-full rounded-lg" />
+        </div>
+        <Skeleton className="h-[250px] w-full rounded-lg" />
+        <Skeleton className="h-[250px] w-full rounded-lg" />
+      </div>
     </>
   );
 }