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