marcogll/TaxHacker_s23
1
0
Fork 0
mirror of https://github.com/marcogll/TaxHacker_s23.git synced 2026-01-13 21:35:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve loaders and styles

Browse Source
This commit is contained in:
Vasily Zubarev
2025-03-24 19:52:09 +01:00
parent df2d646a47
commit a80684c3fb
8 changed files with 143 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/transactions/[transactionId]/loading.tsx
View File

@@ -2,6 +2,9 @@ import { Skeleton } from "@/components/ui/skeleton"
export default function Loading() {
return (
<Skeleton className="flex flex-row flex-wrap md:flex-nowrap justify-center items-start gap-10 p-5 bg-accent max-w-[1200px] min-h-[800px]" />
<div className="flex flex-wrap flex-row items-start justify-center gap-4 max-w-6xl">
<Skeleton className="w-full h-[800px]" />
<Skeleton className="w-1/3 max-w-[380px]" />
</div>
)
}

15
app/transactions/loading.tsx
View File

@@ -6,7 +6,10 @@ export default function Loading() {
return (
<>
<header className="flex items-center justify-between mb-12">
<h2 className="text-3xl font-bold tracking-tight">Transactions</h2>
<h2 className="flex flex-row gap-3 md:gap-5">
<span className="text-3xl font-bold tracking-tight">Transactions</span>
<Skeleton className="h-10 w-16" />
</h2>
<div className="flex gap-2">
<Button variant="outline">
<Download />
@@ -18,9 +21,17 @@ export default function Loading() {
</div>
</header>
<div className="flex flex-row gap-2 w-full">
<Skeleton className="h-8 w-full" />
<Skeleton className="h-8 w-full" />
<Skeleton className="h-8 w-full" />
<Skeleton className="h-8 w-full" />
<Skeleton className="h-8 w-full" />
</div>
<main>
<div className="flex flex-col gap-3 w-full">
{[...Array(20)].map((_, i) => (
{[...Array(15)].map((_, i) => (
<Skeleton key={i} className="h-8" />
))}
</div>