25 lines
608 B
JavaScript
25 lines
608 B
JavaScript
|
import styled from 'styled-components';
|
||
|
|
import { ModalScrollboxVertical } from '/imports/ui/stylesheets/styled-components/scrollable';
|
||
|
|
import { borderRadius } from '/imports/ui/stylesheets/styled-components/general';
|
||
|
|
import { smallOnly, mediumUp } from '/imports/ui/stylesheets/styled-components/breakpoints';
|
||
|
|
|
||
|
|
const BaseModal = styled(ModalScrollboxVertical)`
|
||
|
|
max-width: 60vw;
|
||
|
|
max-height: 100%;
|
||
|
|
border-radius: ${borderRadius};
|
||
|
|
background: #fff;
|
||
|
|
overflow: auto;
|
||
|
|
|
||
|
|
@media ${smallOnly} {
|
||
|
|
max-width: 95vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media ${mediumUp} {
|
||
|
|
max-width: 80vw;
|
||
|
|
}
|
||
|
|
`;
|
||
|
|
|
||
|
|
export default {
|
||
|
|
BaseModal,
|
||
|
|
};
|