You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

45 lines
802 B

3 years ago
import styled, { keyframes } from "styled-components";
const LoadingView = () => {
return (
<LoadingWrapper>
<Wrapper>
<Content />
</Wrapper>
</LoadingWrapper>
);
3 years ago
};
const spin = keyframes`
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
`;
const LoadingWrapper = styled.div`
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
`;
const Wrapper = styled.div`
3 years ago
position: relative;
width: 100%;
height: 30px;
margin: 30px 0;
text-align: center;
`;
const Content = styled.div`
3 years ago
display: inline-block;
width: 30px;
height: 30px;
border: 3px solid #ebf1ff;
border-radius: 50%;
border-top-color: #3972ff;
animation: ${spin} 1s ease-in-out infinite;
`;
3 years ago
export default LoadingView;