mirror of
https://github.com/trezor/trezor-wallet
synced 2024-11-24 09:18:09 +00:00
Apply more guidelines styles
This commit is contained in:
parent
bcc0c609a1
commit
628da000e9
@ -6,16 +6,15 @@ import { getYear } from 'date-fns';
|
|||||||
import { bindActionCreators } from 'redux';
|
import { bindActionCreators } from 'redux';
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
|
|
||||||
|
|
||||||
import colors from 'config/colors';
|
import colors from 'config/colors';
|
||||||
import * as LogActions from 'actions/LogActions';
|
import * as LogActions from 'actions/LogActions';
|
||||||
|
|
||||||
const Wrapper = styled.div`
|
const Wrapper = styled.div`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
background: ${colors.LANDING};
|
||||||
color: ${colors.TEXT_SECONDARY};
|
color: ${colors.TEXT_SECONDARY};
|
||||||
padding: 22px 48px;
|
padding: 22px 48px;
|
||||||
border-top: 1px solid ${colors.DIVIDER};
|
|
||||||
display: flex;
|
display: flex;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
@ -11,7 +11,7 @@ const Wrapper = styled.div`
|
|||||||
padding: 8px 28px 8px 24px;
|
padding: 8px 28px 8px 24px;
|
||||||
font-size: ${FONT_SIZE.SMALLER};
|
font-size: ${FONT_SIZE.SMALLER};
|
||||||
color: ${colors.TEXT_SECONDARY};
|
color: ${colors.TEXT_SECONDARY};
|
||||||
background: ${colors.GRAY_LIGHT};
|
background: ${colors.LANDING};
|
||||||
${props => props.borderTop && css`
|
${props => props.borderTop && css`
|
||||||
border-top: 1px solid ${colors.DIVIDER};
|
border-top: 1px solid ${colors.DIVIDER};
|
||||||
`}
|
`}
|
||||||
|
@ -19,7 +19,6 @@ const AsideWrapper = styled.aside`
|
|||||||
position: relative;
|
position: relative;
|
||||||
width: 320px;
|
width: 320px;
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
border-right: 1px solid ${colors.DIVIDER};
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
background: ${colors.MAIN};
|
background: ${colors.MAIN};
|
||||||
`;
|
`;
|
||||||
|
@ -24,7 +24,6 @@ const StickyBottom = styled.div`
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: ${colors.MAIN};
|
background: ${colors.MAIN};
|
||||||
border-right: 1px solid ${colors.DIVIDER};
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const MenuWrapper = styled.div`
|
const MenuWrapper = styled.div`
|
||||||
|
@ -2,7 +2,6 @@ aside {
|
|||||||
position: relative;
|
position: relative;
|
||||||
width: 320px;
|
width: 320px;
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
border-right: 1px solid @color_divider;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
.sticky-container {
|
.sticky-container {
|
||||||
|
Loading…
Reference in New Issue
Block a user