jan/web/containers/Loader/index.tsx
Faisal Amir 635435fbb8
Revert feat: temporary remove dark mode (#2221)
* Revert "feat: temporary remove dark mode :(  (#2168)"

This reverts commit 222b4ad897c275dab0eaec3c8a8472bf3df7afc4.

* fix: revert darkmode and fix darkmode for import model

* fix: prettier format import model

---------

Co-authored-by: Louis <louis@jan.ai>
2024-03-04 14:46:10 +07:00

23 lines
883 B
TypeScript

type Props = {
description: string
}
export default function Loader({ description }: Props) {
return (
<div className="fixed inset-0 z-50 flex h-full items-center justify-center gap-y-4 rounded-lg bg-background/90 backdrop-blur-sm">
<div className="space-y-16">
<div className="loader">
<div className="loader-inner">
<label className="h-2 w-2 rounded-full bg-primary" />
<label className="h-2 w-2 rounded-full bg-primary" />
<label className="h-2 w-2 rounded-full bg-primary" />
<label className="h-2 w-2 rounded-full bg-primary" />
<label className="h-2 w-2 rounded-full bg-primary" />
<label className="h-2 w-2 rounded-full bg-primary" />
</div>
</div>
<p className="font-medium text-muted-foreground">{description}</p>
</div>
</div>
)
}