From dcf58c4349644034a844c3c4d4e6739eb7382abd Mon Sep 17 00:00:00 2001 From: i701 Date: Sun, 27 Jul 2025 19:41:50 +0500 Subject: [PATCH] =?UTF-8?q?fix(sidebar):=20adjust=20transition=20durations?= =?UTF-8?q?=20for=20consistency=20=F0=9F=90=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/ui/sheet.tsx | 8 ++++---- components/ui/sidebar.tsx | 21 ++++++++++----------- 2 files changed, 14 insertions(+), 15 deletions(-) diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx index 6a9d0bf..474adf8 100644 --- a/components/ui/sheet.tsx +++ b/components/ui/sheet.tsx @@ -1,9 +1,9 @@ "use client"; -import * as React from "react"; -import { Dialog as SheetPrimitive } from "radix-ui"; import { cva, type VariantProps } from "class-variance-authority"; import { X } from "lucide-react"; +import { Dialog as SheetPrimitive } from "radix-ui"; +import * as React from "react"; import { cn } from "@/lib/utils"; @@ -31,7 +31,7 @@ const SheetOverlay = React.forwardRef< SheetOverlay.displayName = SheetPrimitive.Overlay.displayName; const sheetVariants = cva( - "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out", + "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-[cubic-bezier(0.17,0.84,0.44,1)] data-[state=closed]:duration-200 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out", { variants: { side: { @@ -51,7 +51,7 @@ const sheetVariants = cva( interface SheetContentProps extends React.ComponentPropsWithoutRef, - VariantProps {} + VariantProps { } const SheetContent = React.forwardRef< React.ElementRef, diff --git a/components/ui/sidebar.tsx b/components/ui/sidebar.tsx index b0e4293..e08dabb 100644 --- a/components/ui/sidebar.tsx +++ b/components/ui/sidebar.tsx @@ -1,12 +1,9 @@ "use client"; -import * as React from "react"; -import { Slot as SlotPrimitive } from "radix-ui"; -import { VariantProps, cva } from "class-variance-authority"; +import { cva, VariantProps } from "class-variance-authority"; import { PanelLeft } from "lucide-react"; - -import { useIsMobile } from "@/hooks/use-mobile"; -import { cn } from "@/lib/utils"; +import { Slot as SlotPrimitive } from "radix-ui"; +import * as React from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Separator } from "@/components/ui/separator"; @@ -24,6 +21,8 @@ import { TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"; +import { useIsMobile } from "@/hooks/use-mobile"; +import { cn } from "@/lib/utils"; const SIDEBAR_COOKIE_NAME = "sidebar_state"; const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7; @@ -242,7 +241,7 @@ const Sidebar = React.forwardRef< {/* This is what handles the sidebar gap on desktop */}