|
|
@@ -18,90 +18,4 @@ export default class App extends Component<PropsType, StateType> {
|
|
|
</ContextProvider>
|
|
|
);
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-const GlobalStyle = createGlobalStyle`
|
|
|
- * {
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-`;
|
|
|
-
|
|
|
-const StyledApp = styled.div`
|
|
|
- height: 100vh;
|
|
|
- width: 100vw;
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- background: #24272a;
|
|
|
- color: white;
|
|
|
-`;
|
|
|
-
|
|
|
-const StyledMain = styled.div`
|
|
|
- height: 100vh;
|
|
|
- width: 100vw;
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- background: #24272a;
|
|
|
- color: white;
|
|
|
-`;
|
|
|
-
|
|
|
-
|
|
|
-const CloseButton = styled.div`
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-left: 10px;
|
|
|
- cursor: pointer;
|
|
|
- :hover {
|
|
|
- background-color: #ffffff11;
|
|
|
- }
|
|
|
-`;
|
|
|
-
|
|
|
-const CloseButtonImg = styled.img`
|
|
|
- width: 10px;
|
|
|
-`;
|
|
|
-
|
|
|
-const ErrorText = styled.div`
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: calc(100% - 50px);
|
|
|
-`;
|
|
|
-
|
|
|
-const CurrentError = styled.div`
|
|
|
- position: fixed;
|
|
|
- bottom: 20px;
|
|
|
- width: 300px;
|
|
|
- left: 17px;
|
|
|
- padding: 15px;
|
|
|
- padding-right: 0px;
|
|
|
- font-family: 'Work Sans', sans-serif;
|
|
|
- height: 50px;
|
|
|
- font-size: 13px;
|
|
|
- border-radius: 3px;
|
|
|
- background: #383842dd;
|
|
|
- border: 1px solid #ffffff55;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-
|
|
|
- > i {
|
|
|
- font-size: 18px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- animation: floatIn 0.5s;
|
|
|
- animation-fill-mode: forwards;
|
|
|
-
|
|
|
- @keyframes floatIn {
|
|
|
- from {
|
|
|
- opacity: 0; transform: translateY(20px);
|
|
|
- }
|
|
|
- to {
|
|
|
- opacity: 1; transform: translateY(0px);
|
|
|
- }
|
|
|
- }
|
|
|
-`;
|
|
|
+}
|