arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-23 14:31:07 +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) => ( const Wallet = (props: WalletContainerProps) => (
<AppWrapper> <AppWrapper>
<Header /> <Header />
<WalletWrapper> <WalletWrapper>
<LeftNavigation /> <LeftNavigation />
<article> <MainContent>
<nav> <Navigation>
<Route path="/device/:device/network/:network/account/:account" component={AccountTabs} /> <Route path="/device/:device/network/:network/account/:account" component={AccountTabs} />
<Route path="/device/:device/device-settings" component={DeviceSettingsTabs} /> <Route path="/device/:device/device-settings" component={DeviceSettingsTabs} />
</nav> </Navigation>
<Notifications /> <Notifications />
<Log /> <Log />
{ props.children } { props.children }
<Footer /> <Footer />
</article> </MainContent>
</WalletWrapper> </WalletWrapper>
<ModalContainer /> <ModalContainer />
</AppWrapper> </AppWrapper>

9
src/styles/content.less
View File

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