From 22f498c0de34b848c6c4c1d1e0beca31c8b990fb Mon Sep 17 00:00:00 2001
From: Lee Robinson <lrobinson2011@gmail.com>
Date: Tue, 13 Aug 2024 13:25:55 -0500
Subject: [PATCH] Better skeleton
---
app/search/loading.tsx | 21 ++++++++++++---------
1 file changed, 12 insertions(+), 9 deletions(-)
diff --git a/app/search/loading.tsx b/app/search/loading.tsx
index 7b75dd922..fa87c53f3 100644
--- a/app/search/loading.tsx
+++ b/app/search/loading.tsx
@@ -2,14 +2,17 @@ import Grid from 'components/grid';
export default function Loading() {
return (
- <Grid className="grid-cols-2 lg:grid-cols-3">
- {Array(12)
- .fill(0)
- .map((_, index) => {
- return (
- <Grid.Item key={index} className="animate-pulse bg-neutral-100 dark:bg-neutral-800" />
- );
- })}
- </Grid>
+ <>
+ <div className="mb-4 h-6" />
+ <Grid className="grid-cols-2 lg:grid-cols-3">
+ {Array(12)
+ .fill(0)
+ .map((_, index) => {
+ return (
+ <Grid.Item key={index} className="animate-pulse bg-neutral-100 dark:bg-neutral-800" />
+ );
+ })}
+ </Grid>
+ </>
);
}