import React from 'react' import { Layout } from 'antd' import MainRouter from './MainRouter' import PageFooter from './PageFooter'; import { isSmallDevice } from '../../common/utils'; const isSmall = isSmallDevice(); const { Content, Footer } = Layout function Base () { return ( <Layout> <Content theme='light' style={{'minHeight': '90vh'}} className="background-white"> <MainRouter /> </Content> <Footer className={isSmall ? 'center mobile-footer' : 'background-white web-footer'}> <PageFooter /> </Footer> </Layout> ) } export default Base