Files
afilmory/apps/web/src/components/ui/loading.tsx
Innei 74222cb555 chore: update package dependencies and configurations
- Upgraded pnpm from version 10.18.1 to 10.19.0.
- Downgraded @uswriting/exiftool from version 1.0.5 to 1.0.3 in multiple package.json files.
- Updated various packages in pnpm-lock.yaml to their latest beta versions, including rolldown and related bindings.
- Adjusted TypeScript configuration in apps/ssr to change JSX setting from "react-jsx" to "preserve".
- Modified loading animations in UI components to include a duration of 1000ms for smoother transitions.

Signed-off-by: Innei <tukon479@gmail.com>
2025-10-23 23:57:00 +08:00

20 lines
418 B
TypeScript

import { clsxm } from '~/lib/cn'
interface LoadingCircleProps {
size: 'small' | 'medium' | 'large'
}
const sizeMap = {
small: 'text-md',
medium: 'text-xl',
large: 'text-3xl',
}
export const LoadingCircle: Component<LoadingCircleProps> = ({
className,
size,
}) => (
<div className={clsxm(sizeMap[size], className)}>
<i className="i-mingcute-loading-3-line animate-spin !duration-1000" />
</div>
)