How to set Tailwind drawer sidebar position “fixed”

by

I am trying to fix the sidebar which is floating left. Even though I use “fixed” the side bar is not fixed. Below is my sidebar code.

import { NavLink } from 'react-router-dom'
import routes from './SidebarRoutes'
const LeftSideBar = () => {
    return (
        <div className="drawer-side ml-12 h-80 rounded-box mt-36">
            <label htmlFor="left-sidebar-drawer" className="drawer-overlay"></label>
            <ul className="menu  pt-2 bg-base-100 h-full text-base-content">
                {routes.map((route) => {
                    return (
                        <li  className="py-4">
                            <NavLink end to={route.path}>
                                {route.icon}
                            </NavLink>
                        </li>
                    )
                })}
            </ul>
        </div>
    )
}

export default LeftSideBar```

how to fix sidebar in tailwind?

Leave a Comment