evo/EvoCalculator.Client2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

apps/web: beautify Loading spinner

Browse Source
This commit is contained in:
vchikalkin 2024-04-11 11:08:15 +03:00
parent 21b009c833
commit 61132928b5
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/Components/Common/Loading.jsx
View File

@ -1,14 +1,20 @@
import getColors from '@/styles/colors'; import getColors from '@/styles/colors';
import styled from 'styled-components';
import { Result } from 'ui/elements'; import { Result } from 'ui/elements';
import { LoadingOutlined } from 'ui/elements/icons'; import { LoadingOutlined } from 'ui/elements/icons';
const colors = getColors(); const colors = getColors();
const Title = styled.span`
font-size: 1.25rem;
color: rgba(0, 0, 0, 0.88);
`;
export function Loading() { export function Loading() {
return ( return (
<Result <Result
icon={<LoadingOutlined style={{ color: colors.COLOR_PRIMARY }} />} icon={<LoadingOutlined style={{ color: colors.COLOR_PRIMARY, fontSize: '60px' }} />}
title="Загрузка..." title={<Title>Загрузка...</Title>}
/> />
); );
} }