etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update PageLoader.tsx

Browse Source
This commit is contained in:
Egor
2026-01-27 01:21:33 +03:00
committed by GitHub
parent 89aba6d034
commit ce499ad5fd
1 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/common/PageLoader.tsx
View File

@@ -1,21 +1,14 @@
import { DotLottieReact } from '@lottiefiles/dotlottie-react'
interface PageLoaderProps { interface PageLoaderProps {
variant?: 'dark' | 'light' variant?: 'dark' | 'light'
} }
export default function PageLoader({ variant = 'dark' }: PageLoaderProps) { export default function PageLoader({ variant = 'dark' }: PageLoaderProps) {
const bgClass = variant === 'dark' ? 'bg-dark-950' : 'bg-gray-50' const bgClass = variant === 'dark' ? 'bg-dark-950' : 'bg-gray-50'
const spinnerColor = variant === 'dark' ? 'border-accent-500' : 'border-blue-500'
return ( return (
<div className={`min-h-screen flex items-center justify-center ${bgClass}`}> <div className={`min-h-screen flex items-center justify-center ${bgClass}`}>
<div className="w-48 max-w-full"> <div className={`w-10 h-10 border-[3px] ${spinnerColor} border-t-transparent rounded-full animate-spin`} />
<DotLottieReact
src="https://lottie.host/14b9dc34-cdaf-408c-87ea-291c1b01e343/r2rZZVuahg.lottie"
loop
autoplay
/>
</div>
</div> </div>
) )
} }