mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 20:42:43 +00:00
fix(dashboard): match the tile skeleton to the resting tile height
The tile-strip skeleton and per-tile Suspense fallback reserved only 6rem, shorter than a populated TrendCard (~8rem), so the strip grew when data landed. Bump both to 8rem and mirror the card's overflow-hidden chrome on the fallback to keep first-paint layout shift at zero.
This commit is contained in:
1 parent
e591137162
commit
76426a2f2e
1 file changed
+2
-2
+2
-2
@@ -1599,7 +1599,7 @@ export default function DashboardPage() {
|
||||
{Array.from({ length: configuredTileCount }).map((_, idx) => (
|
||||
<div
|
||||
key={`tile-skeleton-${idx}`}
|
||||
className="bg-card border-border min-h-[6rem] animate-pulse rounded-xl border p-4 motion-reduce:animate-none md:p-6"
|
||||
className="bg-card border-border min-h-[8rem] animate-pulse rounded-xl border p-4 motion-reduce:animate-none md:p-6"
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
@@ -1660,7 +1660,7 @@ export default function DashboardPage() {
|
||||
fallback={
|
||||
<div
|
||||
aria-hidden="true"
|
||||
className="bg-card border-border flex h-full min-h-[6rem] w-full min-w-0 flex-col rounded-xl border p-4 md:p-6"
|
||||
className="bg-card border-border flex h-full min-h-[8rem] w-full min-w-0 flex-col overflow-hidden rounded-xl border p-4 md:p-6"
|
||||
/>
|
||||
}
|
||||
>
|
||||
|
||||
Reference in new issue
Block a user