1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-30 20:28:09 +00:00

responsive modals

This commit is contained in:
slowbackspace 2019-01-24 18:48:01 +01:00
parent 782956b230
commit 4724e35b04
6 changed files with 10 additions and 6 deletions

View File

@ -13,7 +13,7 @@ import P from 'components/Paragraph';
import type { Props } from '../../Container';
const Wrapper = styled.div`
width: 390px;
max-width: 390px;
`;
const Header = styled.div`

View File

@ -20,7 +20,7 @@ type Props = {
}
const Wrapper = styled.div`
width: 390px;
max-width: 390px;
`;
const Header = styled.div`

View File

@ -30,7 +30,7 @@ const StyledLink = styled(Link)`
`;
const Wrapper = styled.div`
width: 370px;
max-width: 370px;
padding: 30px 48px;
`;

View File

@ -25,7 +25,6 @@ type Props = {
}
const Wrapper = styled.div`
width: 360px;
`;
const Header = styled.div`

View File

@ -18,7 +18,7 @@ type Props = {
}
const Wrapper = styled.div`
width: 360px;
max-width: 360px;
padding: 30px 48px;
`;

View File

@ -4,7 +4,7 @@ import * as React from 'react';
import styled from 'styled-components';
import PropTypes from 'prop-types';
import colors from 'config/colors';
import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
import { FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE } from 'config/variables';
type Props = {
onClick: () => void;
@ -24,6 +24,11 @@ const Wrapper = styled.button`
transition: all 0.3s;
cursor: pointer;
@media screen and (max-width: ${SCREEN_SIZE.XS}) {
width: 50px;
height: 50px;
}
&:first-child {
margin-left: 0px;
}