Files
TheGame/packages/metamaps/styles/Menu.tsx
The Lone Rōnin 9a9deaf727 Metamaps base prototype (#50)
* Metamaps base prototype

Fixed project scaffolding

* Resolved all lint related issues

Resolved all issues related to lint compliance
2020-08-06 15:04:47 -06:00

38 lines
843 B
TypeScript

import styled from 'styled-components';
import { ButtonColor,PopupColor } from './Styles';
export const MenuContainer = styled.div`
position: fixed;
left: 0;
top: 0;
border-radius: 8px;
background: ${PopupColor};
border: 2px solid ${ButtonColor};
display: flex;
align-items: center;
padding: 10px 15px 10px 15px;
transition: left, top, opacity 0.25s cubic-bezier(0.45, 0, 0.55, 1);
opacity: 0;
pointer-events: none;
input[type="file"] { display: none; }
input[type="text"] {
margin: 0 15px 0 0;
padding: 0 10px;
border-radius: 5px;
}
&.textarea {
display: block;
textarea {
width: 100%;
height: 90px;
margin: 0 0 15px 0;
padding: 5px;
border-radius: 5px;
}
}
`;