serum-dex-ui/src/components/BasicLayout.js

22 lines
565 B
JavaScript

import { Layout } from 'antd';
import React from 'react';
import TopBar from './TopBar';
import { CustomFooter as Footer } from './Footer';
const { Header, Content } = Layout;
export default function BasicLayout({ children }) {
return (
<React.Fragment>
<Layout
style={{ display: 'flex', minHeight: '100vh', flexDirection: 'column' }}
>
<Header style={{ padding: 0 }}>
<TopBar />
</Header>
<Content style={{ flex: 1 }}>{children}</Content>
<Footer />
</Layout>
</React.Fragment>
);
}