arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-28 17:01:02 +00:00
Code Issues Releases Wiki Activity

smaller padding for notification buttons on <SM screens

Browse Source
This commit is contained in:
slowbackspace 2019-01-25 11:44:39 +01:00
parent 672e82c376
commit a22fd911bf
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Notification/components/NotificationButton/index.js
View File

@ -8,7 +8,9 @@ import colors from 'config/colors';
import { WHITE_COLOR } from 'config/animations'; import { WHITE_COLOR } from 'config/animations';
import { getPrimaryColor } from 'utils/notification'; import { getPrimaryColor } from 'utils/notification';
import Loader from 'components/Loader'; import Loader from 'components/Loader';
import { TRANSITION, FONT_SIZE, FONT_WEIGHT } from 'config/variables'; import {
TRANSITION, FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE,
} from 'config/variables';
type Props = { type Props = {
type: string; type: string;
@ -48,6 +50,10 @@ const Wrapper = styled.button`
border: 1px solid ${props => getPrimaryColor(props.type)}; border: 1px solid ${props => getPrimaryColor(props.type)};
transition: ${TRANSITION.HOVER}; transition: ${TRANSITION.HOVER};
@media screen and (max-width: ${SCREEN_SIZE.SM}){
padding: 12px 24px;
}
&:hover { &:hover {
color: ${colors.WHITE}; color: ${colors.WHITE};
background: ${props => getPrimaryColor(props.type)}; background: ${props => getPrimaryColor(props.type)};