Files
sim/apps/sim/app/credential-account/[token]/loading.tsx
Adithya Krishna 6d7121110e feat(loading) show route specific skeleton UI (#3671)
* chore: fix conflicts

* chore: updated loading states
2026-03-20 12:46:24 -07:00

20 lines
843 B
TypeScript

import { Skeleton } from '@/components/emcn'
export default function CredentialAccountLoading() {
return (
<main className='relative flex min-h-screen flex-col text-foreground'>
<div className='relative z-30 flex flex-1 items-center justify-center px-4 pb-24'>
<div className='w-full max-w-lg px-4'>
<div className='flex flex-col items-center justify-center'>
<Skeleton className='h-[48px] w-[48px] rounded-[12px]' />
<Skeleton className='mt-[16px] h-[24px] w-[200px] rounded-[4px]' />
<Skeleton className='mt-[8px] h-[14px] w-[280px] rounded-[4px]' />
<Skeleton className='mt-[4px] h-[14px] w-[240px] rounded-[4px]' />
<Skeleton className='mt-[24px] h-[44px] w-[200px] rounded-[10px]' />
</div>
</div>
</div>
</main>
)
}