Weird spacing issue resolve (it was because of the footer in the collapsed state still having some width)

This commit is contained in:
sabaimran
2025-01-19 18:16:43 -08:00
parent dbce039033
commit e982398c2c

View File

@@ -192,7 +192,7 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
className={`ml-auto opacity-30 rounded-lg p-2 transition-all transform duration-300 ease-in-out
${props.isOpen
? "translate-x-0 opacity-100 w-[300px] relative"
: "translate-x-full opacity-0 w-0 p-0 m-0"}
: "translate-x-full opacity-100 w-0 p-0 m-0"}
`}
variant="floating">
<SidebarContent>
@@ -356,6 +356,8 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
</SidebarGroupContent>
</SidebarGroup>
</SidebarContent>
{
props.isOpen && (
<SidebarFooter key={"actions"}>
<SidebarMenu className="p-0 m-0">
@@ -410,6 +412,8 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
}
</SidebarMenu>
</SidebarFooter>
)
}
</Sidebar>
)
}