36 lines
933 B
JavaScript
36 lines
933 B
JavaScript
import React from 'react';
|
|
import { Layout } from 'antd';
|
|
import LayoutLogo from './LayoutLogo';
|
|
import LayoutMenu from './LayoutMenu';
|
|
|
|
const { Sider } = Layout;
|
|
const LayoutSidebar = () => {
|
|
return (
|
|
<Sider
|
|
width={255}
|
|
breakpoint="lg"
|
|
collapsedWidth="0"
|
|
onBreakpoint={(broken) => {
|
|
// console.log(broken);
|
|
}}
|
|
onCollapse={(collapsed, type) => {
|
|
// console.log(collapsed, type);
|
|
}}
|
|
style={{
|
|
background: 'linear-gradient(180deg, #1BAA56 0%,rgb(5, 75, 34) 100%)',
|
|
overflow: 'auto',
|
|
height: '100vh',
|
|
position: 'fixed',
|
|
left: 0,
|
|
top: 0,
|
|
bottom: 0,
|
|
}}
|
|
>
|
|
<LayoutLogo />
|
|
<LayoutMenu />
|
|
</Sider>
|
|
);
|
|
};
|
|
|
|
export default LayoutSidebar;
|