arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-07 06:40:54 +00:00
Code Issues Releases Wiki Activity

add and use new constant FOOTER_HEIGHT

Browse Source
This commit is contained in:
slowbackspace 2019-03-25 13:58:42 +01:00
parent 1ac91ef801
commit 1f140f73fe
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer/index.js
View File

@ -8,7 +8,7 @@ import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { FormattedMessage } from 'react-intl';
import { FONT_SIZE, SCREEN_SIZE } from 'config/variables';
import { FONT_SIZE, SCREEN_SIZE, FOOTER_HEIGHT } from 'config/variables';
import * as LogActions from 'actions/LogActions';
import l10nMessages from './index.messages';
@ -25,7 +25,7 @@ const Wrapper = styled.div`
color: ${colors.TEXT_SECONDARY};
padding: 10px 30px;
display: flex;
height: 59px;
height: ${FOOTER_HEIGHT};
flex-wrap: wrap;
align-items: center;
justify-content: space-between;

2
src/config/variables.js
View File

@ -81,3 +81,5 @@ export const LINE_HEIGHT = {
BASE: '1.8',
TREZOR_ACTION: '37px',
};
export const FOOTER_HEIGHT = '59px';

4
src/views/Wallet/components/LeftNavigation/index.js
View File

@ -3,7 +3,7 @@
import * as React from 'react';
import PropTypes from 'prop-types';
import { Icon, Tooltip, icons, colors } from 'trezor-ui-components';
import { FONT_SIZE, SCREEN_SIZE } from 'config/variables';
import { FONT_SIZE, SCREEN_SIZE, FOOTER_HEIGHT } from 'config/variables';
import WalletTypeIcon from 'components/images/WalletType';
import { TransitionGroup, CSSTransition } from 'react-transition-group';
import styled from 'styled-components';
@ -75,7 +75,7 @@ const Help = styled.div`
justify-content: center;
text-align: center;
width: 319px;
height: 59px;
height: ${FOOTER_HEIGHT};
padding: 8px 0px;
border-top: 1px solid ${colors.BACKGROUND};
`;