diff options
author | Nate Sesti <sestinj@gmail.com> | 2023-07-12 15:52:18 -0700 |
---|---|---|
committer | Nate Sesti <sestinj@gmail.com> | 2023-07-12 15:52:18 -0700 |
commit | f6c71a6cfe746ee4bb97c4cbe86827679a199ade (patch) | |
tree | 14ae27db1775894a33b16d1e0484985aabbdb4fd /extension/react-app/src/components/LoadingCover.tsx | |
parent | f2af87613c26c5e6a7d11198270b1da5c8809a23 (diff) | |
download | sncontinue-f6c71a6cfe746ee4bb97c4cbe86827679a199ade.tar.gz sncontinue-f6c71a6cfe746ee4bb97c4cbe86827679a199ade.tar.bz2 sncontinue-f6c71a6cfe746ee4bb97c4cbe86827679a199ade.zip |
smaller fixes
Diffstat (limited to 'extension/react-app/src/components/LoadingCover.tsx')
-rw-r--r-- | extension/react-app/src/components/LoadingCover.tsx | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/extension/react-app/src/components/LoadingCover.tsx b/extension/react-app/src/components/LoadingCover.tsx deleted file mode 100644 index a0f8f7a2..00000000 --- a/extension/react-app/src/components/LoadingCover.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import React from "react"; -import styled from "styled-components"; - -const StyledDiv = styled.div` - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100vh; - background: linear-gradient( - 101.79deg, - #12887a 0%, - #87245c 32%, - #e12637 63%, - #ffb215 100% - ); - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - z-index: 10; -`; - -const StyledImg = styled.img` - /* add your styles here */ -`; - -const StyledDiv2 = styled.div` - width: 50%; - height: 5px; - background: white; - margin-top: 20px; -`; - -interface LoadingCoverProps { - message: string; - hidden?: boolean; -} - -const LoadingCover = (props: LoadingCoverProps) => { - return ( - <StyledDiv style={{ display: props.hidden ? "none" : "inherit" }}> - <StyledImg src="continue.gif" alt="centered image" width="50%" /> - <StyledDiv2></StyledDiv2> - <p>{props.message}</p> - </StyledDiv> - ); -}; - -export default LoadingCover; |