mirror of
https://github.com/collinbarrett/FilterLists.git
synced 2026-03-11 09:04:27 +00:00
use antd layout template
This commit is contained in:
parent
4bf23bcc34
commit
c4cca5d126
1 changed files with 22 additions and 3 deletions
|
|
@ -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;
|
||||
Loading…
Reference in a new issue