change sidebar expand/collapse icon from pin to chevron (#4586)
This commit is contained in:
@@ -5,7 +5,7 @@ import { Link } from "react-router-dom";
|
|||||||
import { SideNav } from "./SideNav";
|
import { SideNav } from "./SideNav";
|
||||||
import { cn } from "@/util/utils";
|
import { cn } from "@/util/utils";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { PinLeftIcon, PinRightIcon } from "@radix-ui/react-icons";
|
import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
useCollapsedState?: boolean;
|
useCollapsedState?: boolean;
|
||||||
@@ -37,9 +37,9 @@ function SidebarContent({ useCollapsedState }: Props) {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{collapsed ? (
|
{collapsed ? (
|
||||||
<PinRightIcon className="h-6 w-6" />
|
<ChevronRightIcon className="h-6 w-6" />
|
||||||
) : (
|
) : (
|
||||||
<PinLeftIcon className="hidden h-6 w-6 lg:block" />
|
<ChevronLeftIcon className="hidden h-6 w-6 lg:block" />
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user