use antd layout template

This commit is contained in:
Collin M. Barrett 2019-08-04 20:19:35 -05:00
parent 4bf23bcc34
commit c4cca5d126

View file

@ -1,11 +1,30 @@
import { Layout, Menu } from 'antd';
import React from 'react';
import { AllListsTable } from './modules';
import './App.css';
import { AllListsTable } from './modules';
const { Header, Content, Footer } = Layout;
const App: React.FC = () => {
return (
<AllListsTable></AllListsTable>
<Layout>
<Header>
<div className="logo" />
<Menu
theme="dark"
mode="horizontal"
style={{ lineHeight: '64px' }}
>
</Menu>
</Header>
<Content style={{ padding: '0 50px' }}>
<div style={{ background: '#fff', padding: 24, minHeight: 280 }}>
<AllListsTable></AllListsTable>
</div>
</Content>
<Footer style={{ textAlign: 'center' }}>©2019 Collin M. Barrett</Footer>
</Layout>
);
}
export default App;
export default App;