hotfix: remove layout absolute position
This commit is contained in:
parent
80cb238190
commit
6658bc9825
|
@ -4,12 +4,7 @@ import React from 'react';
|
|||
import styled from 'styled-components';
|
||||
|
||||
const Layout = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
width: calc(100vw - 200px);
|
||||
left: 200px;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: ${props => props.theme.colors.secondary};
|
||||
`;
|
||||
|
|
|
@ -9,9 +9,6 @@ const Wrapper = styled.div`
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
font-family: ${props => props.theme.fontFamily}
|
||||
background-color: ${props => props.theme.colors.sidebarBg};
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
// @flow
|
||||
|
||||
import React, { Fragment } from 'react';
|
||||
import React from 'react';
|
||||
import { Route, Switch } from 'react-router-dom';
|
||||
import styled from 'styled-components';
|
||||
|
||||
import { ScrollTopComponent } from './scroll-top';
|
||||
import { SidebarContainer } from '../containers/sidebar';
|
||||
|
@ -17,8 +18,14 @@ import {
|
|||
DASHBOARD_ROUTE, SEND_ROUTE, RECEIVE_ROUTE, SETTINGS_ROUTE, CONSOLE_ROUTE,
|
||||
} from '../constants/routes';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100vw;
|
||||
`;
|
||||
|
||||
export const RouterComponent = () => (
|
||||
<Fragment>
|
||||
<Wrapper>
|
||||
<SidebarContainer />
|
||||
<ScrollTopComponent>
|
||||
{/* $FlowFixMe */}
|
||||
|
@ -33,5 +40,5 @@ export const RouterComponent = () => (
|
|||
</Switch>
|
||||
</LayoutComponent>
|
||||
</ScrollTopComponent>
|
||||
</Fragment>
|
||||
</Wrapper>
|
||||
);
|
||||
|
|
Loading…
Reference in New Issue