From e076fe9182d050813c2a6e79e2de0f9ac83a9187 Mon Sep 17 00:00:00 2001 From: Jaco Greeff Date: Wed, 22 Jul 2020 08:13:17 +0200 Subject: [PATCH] Adjust spinner (#3248) * Adjust spinner * Sizing * Update * Smaller * Yet smaller * Smaller ball --- packages/react-components/src/Spinner.png | Bin 0 -> 24399 bytes packages/react-components/src/Spinner.tsx | 17 ++++++++--------- 2 files changed, 8 insertions(+), 9 deletions(-) create mode 100644 packages/react-components/src/Spinner.png diff --git a/packages/react-components/src/Spinner.png b/packages/react-components/src/Spinner.png new file mode 100644 index 0000000000000000000000000000000000000000..1248bdfc840ccbdea0577ee7eea0d8b68a8a9db6 GIT binary patch literal 24399 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 literal 0 HcmV?d00001 diff --git a/packages/react-components/src/Spinner.tsx b/packages/react-components/src/Spinner.tsx index 020bbf9b31..ea8b607385 100644 --- a/packages/react-components/src/Spinner.tsx +++ b/packages/react-components/src/Spinner.tsx @@ -6,7 +6,7 @@ import React from 'react'; import styled from 'styled-components'; import { useTranslation } from './translate'; -import Icon from './Icon'; +import spinnerSrc from './Spinner.png'; interface Props { className?: string; @@ -20,11 +20,9 @@ function Spinner ({ className = '', label, variant = 'app' }: Props): React.Reac return (
- {isApp &&
{label || t('Retrieving data')}
}
@@ -36,9 +34,10 @@ export default React.memo(styled(Spinner)` margin: 0 auto; text-align: center; - .ui--Icon { - margin-bottom: 0.5rem; - opacity: 0.75; + .ui--Spinner--img { + border-radius: 2.5rem; + height: 2.5rem; + width: 2.5rem; } .text {