github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: spinner component improvement (#2708)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-11-07 18:35:05 +05:30 committed by GitHub
parent b56d188a83
commit 9f206331bc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/ui/src/spinners/circular-spinner.tsx
View File

@ -1,10 +1,23 @@
import * as React from "react"; import * as React from "react";
export const Spinner: React.FC = () => ( export interface ISpinner extends React.SVGAttributes<SVGElement> {
height?: string;
width?: string;
className?: string | undefined;
}
export const Spinner: React.FC<ISpinner> = ({
height = "32px",
width = "32px",
className = "",
...rest
}) => (
<div role="status"> <div role="status">
<svg <svg
aria-hidden="true" aria-hidden="true"
className="mr-2 h-8 w-8 animate-spin fill-blue-600 text-custom-text-200" height={height}
width={width}
className={`mr-2 animate-spin fill-blue-600 text-custom-text-200 ${className}`}
viewBox="0 0 100 101" viewBox="0 0 100 101"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"