mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 14:43:24 +00:00
25 lines
652 B
TypeScript
25 lines
652 B
TypeScript
import styled from '@emotion/styled';
|
|
import TransitionLayout from '~/components/layouts/_transition_layout';
|
|
|
|
const ModalContainer = styled(TransitionLayout)(({ theme }) => ({
|
|
minWidth: '500px',
|
|
background: theme.colors.background,
|
|
padding: '1em',
|
|
borderRadius: theme.border.radius,
|
|
marginTop: '6em',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
flexDirection: 'column',
|
|
boxShadow: theme.colors.boxShadow,
|
|
|
|
[`@media (max-width: ${theme.media.mobile})`]: {
|
|
maxHeight: 'calc(100% - 2em)',
|
|
width: 'calc(100% - 2em)',
|
|
minWidth: 'unset',
|
|
marginTop: '1em',
|
|
},
|
|
}));
|
|
|
|
export default ModalContainer;
|