apps/web: beautify Loading spinner

This commit is contained in:
vchikalkin 2024-04-11 11:08:15 +03:00
parent 21b009c833
commit 61132928b5

View File

@ -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>}
/>
);
}