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

base styles migrated

Browse Source
This commit is contained in:
Vladimir Volek 2018-08-22 17:32:42 +02:00
parent 7491289dcb
commit 883b17ef1f
2 changed files with 38 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/js/views/Wallet/index.js
View File

@ -1,6 +1,8 @@
/* @flow */
import * as React from 'react';
import colors from 'config/colors';
import styled from 'styled-components';
import { connect } from 'react-redux';
import { Route, withRouter } from 'react-router-dom';
@ -26,11 +28,42 @@ type ContentProps = {
children?: React.Node
}
const AppWrapper = styled.div`
position: relative;
min-height: 100vh;
min-width: 720px;
display: flex;
flex-direction: column;
&.resized {
// to make sure that unpacked coin menu will not overflow main container
// 512 dropdown height + 50 header + 30 margin + 64 topnav height
min-height: 680px;
}
`;
const WalletWrapper = styled.div`
width: 100%;
max-width: 1170px;
margin: 0 auto;
flex: 1;
background: ${colors.MAIN};
display: flex;
flex-direction: row;
border-radius: 4px 4px 0px 0px;
overflow: hidden;
margin-top: 32px;
@media screen and (max-width: 1170px) {
border-radius: 0px;
margin-top: 0px;
}
`;
const Wallet = (props: WalletContainerProps) => (
<div className="app">
<AppWrapper>
<Header />
{/* <div>{ props.wallet.online ? "ONLINE" : "OFFLINE" }</div> */}
<main>
<WalletWrapper>
<LeftNavigation />
<article>
<nav>
@ -42,9 +75,9 @@ const Wallet = (props: WalletContainerProps) => (
{ props.children }
<Footer />
</article>
</main>
</WalletWrapper>
<ModalContainer />
</div>
</AppWrapper>
);
const mapStateToProps: MapStateToProps<State, {}, WalletContainerProps> = (state: State, own: {}): WalletContainerProps => ({

40
src/styles/base.less
View File

@ -1,40 +0,0 @@
html, body {
width: 100%;
height: 100%;
position: relative;
background-color: @color_body;
font-family: @font-default;
font-weight: 400;
font-size: 14px;
}
.app {
position: relative;
min-height: 100vh;
min-width: 720px;
display: flex;
flex-direction: column;
&.resized {
// to make sure that unpacked coin menu will not overflow main container
// 512 dropdown height + 50 header + 30 margin + 64 topnav height
min-height: 680px;
}
}
main {
width: 100%;
max-width: 1170px;
margin: 0 auto;
flex: 1;
background: @color_main;
display: flex;
flex-direction: row;
border-radius: 4px 4px 0px 0px;
overflow: hidden;
margin-top: 32px;
@media screen and (max-width: 1170px) {
border-radius: 0px;
margin-top: 0px;
}
}