Romain/ticcat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add loader

Browse Source
This commit is contained in:
Romulus21
2024-03-04 17:42:05 +01:00
parent 6609738650
commit 8fcf3dd680
3 changed files with 37 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/components/SVG.tsx
View File

@@ -29,6 +29,26 @@ export const EditSVG: FC<ComponentProps<any>> = (props) => SVGSkeleton({
...props
})
export const LoaderSVG: FC<ComponentProps<any>> = (props) => SVGSkeleton({
viewBox: "0 0 38 38",
stroke: props.color ?? "#000",
paths: <g fill="none" fillRule="evenodd">
<g transform="translate(1 1)">
<circle strokeOpacity=".5" cx="18" cy="18" r="18"/>
<path d="M36 18c0-9.94-8.06-18-18-18">
<animateTransform
attributeName="transform"
type="rotate"
from="0 18 18"
to="360 18 18"
dur="1s"
repeatCount="indefinite"/>
</path>
</g>
</g>,
...props
})
export const PauseSVG: FC<ComponentProps<any>> = (props) => SVGSkeleton({
paths: <path d="M16 19q-.825 0-1.412-.587T14 17V7q0-.825.588-1.412T16 5q.825 0 1.413.588T18 7v10q0 .825-.587 1.413T16 19m-8 0q-.825 0-1.412-.587T6 17V7q0-.825.588-1.412T8 5q.825 0 1.413.588T10 7v10q0 .825-.587 1.413T8 19"/>,
...props