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

Fix/mobile drawer
getpingback · Jan 13, 2025 · 4951049 · 4951049
2 parents d7ea3e6 + b7e6c8b
commit 4951049
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/drawer/drawer.tsx b/src/components/drawer/drawer.tsx
@@ -14,8 +14,8 @@ function Drawer({ children, title, description, prefixIcon, hasDivider, footer,
   return (
     <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.Overlay className="z-50 fixed inset-0 bg-[#00000011] w-screen h-screen backdrop-blur-[1px] animate-fade-in" />
+        <Dialog.Content className="max-w-[calc(100%-48px)] z-50 flex flex-col bg-[#FFFFFF] shadow-drawer rounded-xl md:max-w-full 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">
           <div className="flex justify-between gap-2 p-6 pb-4">
             <div className="flex gap-2">
               {prefixIcon && <div className="h-fit">{prefixIcon}</div>}