Web: Common: Changed Layout with full page scroll for mobile
This commit is contained in:
parent
ce6f879f67
commit
b74a6a11a0
@ -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>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user