Use VSCodeProgressRing instead of Primer's Spinner (#1392)
This commit is contained in:
@@ -1,19 +1,15 @@
|
|||||||
import { Spinner } from '@primer/react';
|
import { VSCodeProgressRing } from '@vscode/webview-ui-toolkit/react';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
|
|
||||||
const SpinnerContainer = styled.span`
|
const SpinnerContainer = styled.span`
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
display: inline-block;
|
||||||
svg {
|
|
||||||
width: 0.8em;
|
|
||||||
height: 0.8em;
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const DownloadSpinner = () => (
|
const DownloadSpinner = () => (
|
||||||
<SpinnerContainer>
|
<SpinnerContainer>
|
||||||
<Spinner size="small" />
|
<VSCodeProgressRing style={{ height: '0.8em', width: '0.8em' }} />
|
||||||
</SpinnerContainer>
|
</SpinnerContainer>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user