Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-01 10:29:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

add loading indicator

Browse source
This commit is contained in:
Kentai Radiquum 2025-04-10 14:55:26 +05:00
parent 5264534693
commit e25bcb2415
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 58 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

11
app/components/Spinner/Spinner.tsx
View file

@ -1,10 +1,17 @@
export const Spinner = () => {
export const Spinner = (props: { size?: "base" | "md" | "lg" }) => {
let size = "w-8 h-8";
if (props.size == "md") {
size = "w-12 h-12";
}
if (props.size == "lg") {
size = "w-16 h-16";
}
return (
<div>
<div role="status">
<svg
aria-hidden="true"
className="inline w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600"
className={`inline ${size} text-gray-200 animate-spin dark:text-gray-600 fill-blue-600`}
viewBox="0 0 100 101"
fill="none"
xmlns="http://www.w3.org/2000/svg"