diff --git a/src/js/views/Wallet/index.js b/src/js/views/Wallet/index.js
index 36461737..31f5cb2e 100644
--- a/src/js/views/Wallet/index.js
+++ b/src/js/views/Wallet/index.js
@@ -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) => (
-
+
- {/* { props.wallet.online ? "ONLINE" : "OFFLINE" }
*/}
-
+
-
+
-
+
);
const mapStateToProps: MapStateToProps = (state: State, own: {}): WalletContainerProps => ({
diff --git a/src/styles/base.less b/src/styles/base.less
deleted file mode 100644
index c19d86d0..00000000
--- a/src/styles/base.less
+++ /dev/null
@@ -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;
- }
-}
\ No newline at end of file