apps/web: beautify Loading spinner
This commit is contained in:
parent
21b009c833
commit
61132928b5
@ -1,14 +1,20 @@
|
||||
import getColors from '@/styles/colors';
|
||||
import styled from 'styled-components';
|
||||
import { Result } from 'ui/elements';
|
||||
import { LoadingOutlined } from 'ui/elements/icons';
|
||||
|
||||
const colors = getColors();
|
||||
|
||||
const Title = styled.span`
|
||||
font-size: 1.25rem;
|
||||
color: rgba(0, 0, 0, 0.88);
|
||||
`;
|
||||
|
||||
export function Loading() {
|
||||
return (
|
||||
<Result
|
||||
icon={<LoadingOutlined style={{ color: colors.COLOR_PRIMARY }} />}
|
||||
title="Загрузка..."
|
||||
icon={<LoadingOutlined style={{ color: colors.COLOR_PRIMARY, fontSize: '60px' }} />}
|
||||
title={<Title>Загрузка...</Title>}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user