Aroy/Gallery-Archivist
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Add: Spinner component

Browse source
This commit is contained in:
Aroy-Art 2025-02-19 22:32:13 +01:00
parent 27f10cdb64
commit d9b4619cdc
Signed by: Aroy
GPG key ID: 583642324A1D2070
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/components/Spinner.tsx Normal file
View file

@ -0,0 +1,13 @@
const Spinner = ({ size = 'md' }) => {
const sizes = {
sm: 'h-8 w-8 border-t-2 border-t-pink-600 border-b-2 border-b-sky-400',
md: 'h-16 w-16 border-t-4 border-t-pink-600 border-b-4 border-b-sky-400',
lg: 'h-24 w-24 border-t-4 border-t-pink-600 border-b-4 border-b-sky-400',
};
return (
<div className={`animate-spin rounded-full ${sizes[size]}`}></div>
);
};
export default Spinner;