Merge pull request #61 from getpingback/fix/mobile-drawer

fix: drawer max width
getpingback · Jan 27, 2025 · 3d739bc · 3d739bc
2 parents b82c048 + 98f165d
commit 3d739bc
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/drawer/drawer.tsx b/src/components/drawer/drawer.tsx
@@ -30,7 +30,7 @@ const DrawerRoot = ({ children, ...props }: DrawerRootProps) => {
     <Dialog.Root {...props}>
       <Dialog.Portal>
         <Dialog.Overlay className="z-50 fixed inset-0 bg-[#00000011] w-screen h-screen backdrop-blur-[1px] animate-fade-in" />
-        <Dialog.Content className="z-50 flex flex-col bg-[#FFFFFF] shadow-drawer rounded-xl w-[400px] border border-border-card fixed right-6 top-6 h-[calc(100vh-48px)] data-[state=open]:animate-drawer-slide-in data-[state=closed]:animate-drawer-slide-out">
+        <Dialog.Content className="z-50 flex flex-col bg-[#FFFFFF] shadow-drawer rounded-xl max-w-[calc(100%-48px)] w-[400px] border border-border-card fixed right-6 top-6 h-[calc(100vh-48px)] data-[state=open]:animate-drawer-slide-in data-[state=closed]:animate-drawer-slide-out">
           {children}
         </Dialog.Content>
       </Dialog.Portal>