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

feat: responsive topbar

Browse Source
This commit is contained in:
karishmas6
2024-03-07 02:47:47 +05:30
parent a01e84afdb
commit b03bc13742
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/components/Topbar/index.tsx
View File

@@ -1,10 +1,17 @@
import { Layout, Menu, Col } from "antd"; import { useState } from "react";
import { Layout, Menu, Col, Drawer } from "antd";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { FaBars } from "react-icons/fa"; import { FaBars } from "react-icons/fa";
const { Header } = Layout; const { Header } = Layout;
const Topbar = () => { const Topbar = () => {
const [visible, setVisible] = useState(false);
const showDrawer = () => setVisible(true);
const hideDrawer = () => setVisible(false);
return ( return (
<Header className="flex justify-between items-center h-16 bg-white shadow-md"> <Header className="flex justify-between items-center h-16 bg-white shadow-md">
<Col span={4} className="flex items-center"> <Col span={4} className="flex items-center">
@@ -27,7 +34,7 @@ const Topbar = () => {
</Col> </Col>
<Col span={4} className="lg:hidden flex justify-end"> <Col span={4} className="lg:hidden flex justify-end">
<FaBars className="text-2xl text-gray-600" /> <FaBars className="text-2xl text-gray-600" />
<button className="text-gray-600 focus:outline-none"> <button className="text-gray-600 focus:outline-none" onClick={showDrawer}>
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
fill="none" fill="none"