mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-04-24 03:00:09 -04:00
* Metamaps base prototype Fixed project scaffolding * Resolved all lint related issues Resolved all issues related to lint compliance
31 lines
682 B
TypeScript
31 lines
682 B
TypeScript
import styled from 'styled-components';
|
|
|
|
import { BackgroundColor, ButtonColor,PopupColor, WhiteColor } from './Styles';
|
|
|
|
export const App = styled.div`
|
|
background: ${BackgroundColor};
|
|
width: 100vw;
|
|
height: 100vh;
|
|
`;
|
|
|
|
export const PopupContainer = styled.div`
|
|
position: fixed;
|
|
left: calc(50% - 160px);
|
|
top: 180px;
|
|
border-radius: 8px;
|
|
background: ${PopupColor};
|
|
border: 2px solid ${ButtonColor};
|
|
z-index: 11;
|
|
|
|
width: 320px;
|
|
padding: 15px;
|
|
|
|
transition: left, top, opacity 0.25s cubic-bezier(0.45, 0, 0.55, 1);
|
|
opacity: 0;
|
|
&.active { opacity: 1; }
|
|
|
|
p {
|
|
color: ${WhiteColor};
|
|
padding: 0 0 15px 0;
|
|
}
|
|
`; |