arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-30 20:28:09 +00:00
Code Issues Releases Wiki Activity

responsive modals

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modals/confirm/Address/index.js
View File

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

2
src/components/modals/confirm/SignTx/index.js
View File

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

2
src/components/modals/confirm/UnverifiedAddress/index.js
View File

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

1
src/components/modals/device/WalletType/index.js
View File

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

2
src/components/modals/passphrase/Type/index.js
View File

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

7
src/components/modals/pin/Pin/components/Button/index.js
View File

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