search

salimi-my / shadcn-ui-sidebar

A stunning, functional and responsive retractable sidebar for Next.js built on top of shadcn/ui.
https://shadcn-ui-sidebar.salimi.my
MIT License
743 stars 90 forks source link

Background in sidebar-toggle #6

Closed Sim0n18 closed 2 months ago

Sim0n18 commented 2 months ago

Hi,

i used your Sidebar and it works very well, thanks for that! An issue i found is that when using a differnt color scheme, the background color for the sidebar-toggle is not appropriate anymore. Especially in dark mode you can see the background color of the button.

Screenshot 2024-06-25 143957

I fixed this for me by changing line 13 in the sidebar-toggle.tsx component:

<div className="invisible lg:visible absolute top-[12px] -right-[16px] z-20 bg-white dark:bg-primary-foreground">

And just remove the colors here:

<div className="invisible lg:visible absolute top-[12px] -right-[16px] z-20">

Its not a bug, but i just wanted to mention it :)

salimi-my commented 2 months ago

Hi @Sim0n18. Great find. It has been fixed. Thanks!