yolokube/dashboard
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #45 from cinderblockgames/master

Browse source 
settings modal position fix
This commit is contained in:
Bastian Meissner 2021-11-18 19:08:13 +01:00 committed by GitHub
commit 0d07f3abce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/icon.tsx
View file

@ -17,6 +17,7 @@ const StyledButton = styled.button`
border: none; border: none;
padding: 0; padding: 0;
background: none; background: none;
font-size: 1rem;
&:hover { &:hover {
cursor: pointer; cursor: pointer;

4
src/components/modal.tsx
View file

@ -7,9 +7,9 @@ import { IconButton } from "./icon";
const ModalContainer = styled.div` const ModalContainer = styled.div`
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 1rem;
padding: 1rem; padding: 1rem;
transform: translate(-50%, -50%); transform: translate(-50%, 0%);
z-index: 10; z-index: 10;
border: 1px solid ${(props) => props.theme.mainColor}; border: 1px solid ${(props) => props.theme.mainColor};
background-color: ${(props) => props.theme.backgroundColor}; background-color: ${(props) => props.theme.backgroundColor};