diff options
| -rw-r--r-- | packages/instant/src/components/ui/spinner.tsx | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/packages/instant/src/components/ui/spinner.tsx b/packages/instant/src/components/ui/spinner.tsx index 7abf24256..28ebc2598 100644 --- a/packages/instant/src/components/ui/spinner.tsx +++ b/packages/instant/src/components/ui/spinner.tsx @@ -3,26 +3,26 @@ import * as React from 'react'; import { FullRotation } from '../animations/full_rotation'; export interface SpinnerProps { - pxWidth: number; - pxHeight: number; + widthPx: number; + heightPx: number; } export const Spinner: React.StatelessComponent<SpinnerProps> = props => { return ( - <FullRotation width={`${props.pxWidth}px`} height={`${props.pxHeight}px`}> + <FullRotation width={`${props.widthPx}px`} height={`${props.heightPx}px`}> <svg - width={props.pxWidth} - height={props.pxHeight} + width={props.widthPx} + height={props.heightPx} viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg" > - <circle cx="17" cy="17" r="15" stroke="white" stroke-opacity="0.2" stroke-width="4" /> + <circle cx="17" cy="17" r="15" stroke="white" strokeOpacity="0.2" strokeWidth="4" /> <path d="M17 32C25.2843 32 32 25.2843 32 17C32 8.71573 25.2843 2 17 2" stroke="white" - stroke-width="4" - stroke-linecap="round" - stroke-linejoin="round" + strokeWidth="4" + strokeLinecap="round" + strokeLinejoin="round" /> </svg> </FullRotation> |