vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: white sidebar

Browse Source
This commit is contained in:
karishmas6
2024-03-07 03:24:18 +05:30
parent 611d1bc5af
commit d637a1b798
1 changed files with 26 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
ui/src/components/Sidebar/index.tsx
View File

@@ -1,35 +1,38 @@
import { Layout, Menu } from "antd"; import React from "react";
import { Link } from "react-router-dom"; import { Layout, Menu, Col, Row } from "antd";
import { Link } from "react-router-dom"; // Assuming you're using react-router-dom for navigation
const { Sider } = Layout; const { Sider } = Layout;
const Sidebar = () => { const Sidebar = () => {
return ( return (
<Sider <Sider
className="h-screen bg-gray-800 text-white fixed top-0 left-0 flex flex-col justify-between" className="h-screen bg-white text-gray-800 fixed top-16 left-0 flex flex-col justify-between"
width={250} width={250} // Adjust width as needed
> >
<div className="flex items-center py-4 px-6"> <div className="flex flex-col justify-between h-full"> {/* Full height container */}
{/* Add logo image here */} <Menu mode="vertical">
<img src="your_logo.png" alt="Your company logo" className="h-8 w-auto mr-4" /> <Menu.Item key="1">
<span className="text-xl font-bold">App Name</span> <Link to="/dashboard">Dashboard</Link>
</Menu.Item>
<Menu.Item key="2">
<Link to="/settings">Settings</Link>
</Menu.Item>
<Menu.Item key="3">
<Link to="/users">Users</Link>
</Menu.Item>
<Menu.Item key="4">
<Link to="/profile">Profile</Link>
</Menu.Item>
</Menu>
<div className="flex items-center py-4 px-6">
{/* Add logo image here */}
<img src="your_logo.png" alt="Your company logo" className="h-8 w-auto mr-4" />
<span className="text-xl font-bold"> App Name</span>
</div>
</div> </div>
<Menu mode="vertical" theme="dark">
<Menu.Item key="1">
<Link to="/dashboard">Dashboard</Link>
</Menu.Item>
<Menu.Item key="2">
<Link to="/settings">Settings</Link>
</Menu.Item>
<Menu.Item key="3">
<Link to="/users">Users</Link>
</Menu.Item>
<Menu.Item key="4">
<Link to="/profile">Profile</Link>
</Menu.Item>
</Menu>
</Sider> </Sider>
); );
}; };
export default Sidebar; export default Sidebar;