diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2022-03-14 15:25:42 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2022-03-16 15:55:13 +0100 |
| commit | 45949786baf783d2310c1f29e95065e88f72d9e5 (patch) | |
| tree | 2e5227f9aeecde7a9237e2e1e93cc27423f4c78d | |
| parent | 5492fab7aaaf0bccff0a4019183db33160ed6d0d (diff) | |
| download | mullvadvpn-45949786baf783d2310c1f29e95065e88f72d9e5.tar.xz mullvadvpn-45949786baf783d2310c1f29e95065e88f72d9e5.zip | |
Fix spinner in remove device dialog
| -rw-r--r-- | gui/src/renderer/components/TooManyDevices.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/gui/src/renderer/components/TooManyDevices.tsx b/gui/src/renderer/components/TooManyDevices.tsx index b743dd2aec..84c33d28ed 100644 --- a/gui/src/renderer/components/TooManyDevices.tsx +++ b/gui/src/renderer/components/TooManyDevices.tsx @@ -91,6 +91,11 @@ const StyledRemoveDeviceButton = styled.button({ border: 'none', }); +const StyledRemoveSpinner = styled(ImageView)({ + alignSelf: 'center', + marginTop: '10px', +}); + export default function TooManyDevices() { const history = useHistory(); const { fetchDevices, removeDevice, login, cancelLogin } = useAppContext(); @@ -234,7 +239,7 @@ function Device(props: IDeviceProps) { ]} close={hideConfirmation}> {deleting ? ( - <ImageView source="icon-spinner" /> + <StyledRemoveSpinner source="icon-spinner" width={60} /> ) : ( <> <ModalMessage> |