Adjust styling

This commit is contained in:
Robert
2022-09-26 13:48:32 +01:00
parent f8f81cfb40
commit 454a1eab39

View File

@@ -1,23 +1,28 @@
import * as React from 'react';
import styled from 'styled-components';
const Container = styled.div`
display: flex;
flex-direction: column;
align-items: center;
gap: 1em;
padding: 1em;
`;
const FirstRow = styled.div`
font-size: x-large;
font-weight: 600;
text-align: center;
margin-bottom: 0.5em;
`;
const SecondRow = styled.div`
text-align: center;
color: var(--vscode-descriptionForeground);
`;
export const VariantAnalysisLoading = () => {
return (
<div>
<Container>
<FirstRow>We are getting everything ready</FirstRow>
<SecondRow>Results will appear here shortly</SecondRow>
</div>
</Container>
);
};