Web: Common: Changed Layout with full page scroll for mobile

This commit is contained in:
TatianaLopaeva 2020-10-23 12:31:58 +03:00
parent ce6f879f67
commit b74a6a11a0

View File

@ -1,16 +1,24 @@
import { Box } from "asc-web-components";
import React from "react" import React from "react"
import styled from "styled-components"; import styled from "styled-components";
import { Scrollbar } from "asc-web-components";
import { isMobile } from "react-device-detect";
const StyledContainer = styled.div` const StyledContainer = styled.div`
width:100%; width:100%;
height:100%; height:100vh;
` `
const Layout = ({children}) => ( const Layout = ({children}) => (
<StyledContainer> <StyledContainer>
{isMobile
? <Scrollbar stype="mediumBlack">
{children} {children}
</Scrollbar>
: {children}
}
</StyledContainer> </StyledContainer>
) )