From ce4673e90cd08908ea9f81c07836af9dc8ffdd17 Mon Sep 17 00:00:00 2001 From: steveoh Date: Tue, 4 Feb 2025 14:54:43 -0700 Subject: [PATCH] fix(drawer): update css to remove extra scrollbars --- packages/utah-design-system/src/components/Drawer.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/utah-design-system/src/components/Drawer.tsx b/packages/utah-design-system/src/components/Drawer.tsx index ad380ba4..c9efd49e 100644 --- a/packages/utah-design-system/src/components/Drawer.tsx +++ b/packages/utah-design-system/src/components/Drawer.tsx @@ -36,8 +36,8 @@ const drawerTriggerProps = useOverlayTrigger( const drawer = tv({ slots: { - container: 'shrink-0 duration-500 ease-in-out', - content: 'bg-white duration-500 ease-in-out dark:bg-zinc-800', + container: 'shrink-0 duration-[525ms] ease-in-out', + content: 'relative bg-white duration-500 ease-in-out dark:bg-zinc-800', triggerButton: 'absolute z-10 flex justify-center overflow-hidden rounded border border-zinc-200 bg-white p-1 hover:border-zinc-300 hover:bg-slate-200 pressed:bg-slate-300 dark:hover:border-zinc-600 dark:hover:bg-zinc-900 dark:pressed:bg-slate-100', }, @@ -55,7 +55,7 @@ const drawer = tv({ container: 'absolute inset-x-0 bottom-0 h-80 transition-[height] data-[open="false"]:h-0 data-[open="true"]:h-80', content: - "overflow-x-auto border-t bg-zinc-50 data-[open='false']:h-0 data-[open='true']:translate-y-0 data-[open='false']:overflow-hidden dark:bg-zinc-700", + "overflow-x-auto border-t bg-zinc-50 data-[open='false']:h-0 data-[open='true']:translate-y-0 data-[open='false']:overflow-hidden data-[open='false']:border-0 dark:bg-zinc-700", triggerButton: '-top-6 bottom-[calc(100%)] left-[calc(50%-24px)] min-h-[25px] w-10 rounded-b-none border-b-0 bg-zinc-50 py-0 dark:border-zinc-800 dark:bg-zinc-700', },