jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: made sidebar collapse when screen is smaller (#4822)

Browse source 
Fixed sidebar collapsing when screen is smaller
This commit is contained in:
Lucas Oliveira 2024-11-25 14:59:12 -03:00 • committed by GitHub
commit 6f2cc34bf5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/frontend/src/components/ui/sidebar.tsx
View file

@ -5,6 +5,7 @@ import { VariantProps, cva } from "class-variance-authority";
import { PanelLeft } from "lucide-react";
import * as React from "react";
import { useIsMobile } from "@/hooks/use-mobile";
import { cn } from "../../utils/utils";
import ShadTooltip from "../shadTooltipComponent";
import { Button } from "./button";
@ -164,6 +165,7 @@ const Sidebar = React.forwardRef<
ref,
) => {
const { state, setOpen, defaultOpen } = useSidebar();
const isMobile = useIsMobile();
React.useEffect(() => {
if (collapsible === "none") {
@ -173,6 +175,16 @@ const Sidebar = React.forwardRef<
}
}, [collapsible]);
React.useEffect(() => {
if (collapsible !== "none") {
if (isMobile) {
setOpen(false);
} else {
setOpen(defaultOpen);
}
}
}, [isMobile]);
if (collapsible === "none") {
return (
<div