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

Moved wallet main views less to styled-components

Browse Source
This commit is contained in:
Vladimir Volek 2018-08-25 15:03:47 +02:00
parent 1d6c1b89f4
commit 30acfc3ca0
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,21 +59,35 @@ const WalletWrapper = styled.div`
}
`;
const MainContent = styled.article`
flex: 1;
display: flex;
flex-direction: column;
`;
const Navigation = styled.nav`
height: 64px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
display: flex;
background: ${colors.WHITE};
position: relative;
`;
const Wallet = (props: WalletContainerProps) => (
<AppWrapper>
<Header />
<WalletWrapper>
<LeftNavigation />
<article>
<nav>
<MainContent>
<Navigation>
<Route path="/device/:device/network/:network/account/:account" component={AccountTabs} />
<Route path="/device/:device/device-settings" component={DeviceSettingsTabs} />
</nav>
</Navigation>
<Notifications />
<Log />
{ props.children }
<Footer />
</article>
</MainContent>
</WalletWrapper>
<ModalContainer />
</AppWrapper>

9
src/styles/content.less
View File

@ -1,15 +1,6 @@
article {
flex: 1;
display: flex;
flex-direction: column;
nav {
height: 64px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
display: flex;
background: @color_white;
position: relative;
.account-tabs {
position: relative;
display: flex;