arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-08 07:01:04 +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 { connect } from 'react-redux';
import { FormattedMessage } from 'react-intl'; 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 * as LogActions from 'actions/LogActions';
import l10nMessages from './index.messages'; import l10nMessages from './index.messages';
@ -25,7 +25,7 @@ const Wrapper = styled.div`
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
padding: 10px 30px; padding: 10px 30px;
display: flex; display: flex;
height: 59px; height: ${FOOTER_HEIGHT};
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;

2
src/config/variables.js
View File

@ -81,3 +81,5 @@ export const LINE_HEIGHT = {
BASE: '1.8', BASE: '1.8',
TREZOR_ACTION: '37px', 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 * as React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Icon, Tooltip, icons, colors } from 'trezor-ui-components'; 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 WalletTypeIcon from 'components/images/WalletType';
import { TransitionGroup, CSSTransition } from 'react-transition-group'; import { TransitionGroup, CSSTransition } from 'react-transition-group';
import styled from 'styled-components'; import styled from 'styled-components';
@ -75,7 +75,7 @@ const Help = styled.div`
justify-content: center; justify-content: center;
text-align: center; text-align: center;
width: 319px; width: 319px;
height: 59px; height: ${FOOTER_HEIGHT};
padding: 8px 0px; padding: 8px 0px;
border-top: 1px solid ${colors.BACKGROUND}; border-top: 1px solid ${colors.BACKGROUND};
`; `;