From 2d2df657a49d0d7756f72f8663444f373305614b Mon Sep 17 00:00:00 2001
From: yougyung <youkyeongs@naver.com>
Date: Fri, 26 Apr 2024 16:07:09 +0900
Subject: [PATCH] fix: add className attribute in Drawer

---
 .../result/components/result-category-detail-dialog.tsx     | 2 +-
 app/ui/view/molecule/drawer/drawer.tsx                      | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/(sub-page)/result/components/result-category-detail-dialog.tsx b/app/(sub-page)/result/components/result-category-detail-dialog.tsx
index 4311bc7f..01375d3a 100644
--- a/app/(sub-page)/result/components/result-category-detail-dialog.tsx
+++ b/app/(sub-page)/result/components/result-category-detail-dialog.tsx
@@ -30,7 +30,7 @@ export default function ResultCategoryDetailDialog({ children, querystring }: Re
   return (
     <>
       <Responsive maxWidth={767}>
-        <Drawer drawerKey={DIALOG_KEY.RESULT_CATEGORY} closeDialog={handleCloseDialog}>
+        <Drawer drawerKey={DIALOG_KEY.RESULT_CATEGORY} closeDialog={handleCloseDialog} className="h-[90vh]">
           {children}
         </Drawer>
       </Responsive>
diff --git a/app/ui/view/molecule/drawer/drawer.tsx b/app/ui/view/molecule/drawer/drawer.tsx
index a43f203e..1ccf63f2 100644
--- a/app/ui/view/molecule/drawer/drawer.tsx
+++ b/app/ui/view/molecule/drawer/drawer.tsx
@@ -9,9 +9,10 @@ import useDialog from '@/app/hooks/useDialog';
 interface DrawerProps extends React.PropsWithChildren {
   drawerKey: DialogKey;
   closeDialog?: () => void;
+  className?: string;
 }
 
-const Drawer = ({ children, drawerKey, closeDialog }: DrawerProps) => {
+const Drawer = ({ children, drawerKey, closeDialog, className }: DrawerProps) => {
   const { isOpen, close } = useDialog(drawerKey, closeDialog);
 
   return (
@@ -20,7 +21,8 @@ const Drawer = ({ children, drawerKey, closeDialog }: DrawerProps) => {
         <DrawerPrimitive.Overlay className="fixed inset-0 z-50 bg-black/60" />
         <DrawerPrimitive.Content
           className={cn(
-            'fixed inset-x-0 bottom-0 z-50 mt-24 flex h-[90vh] flex-col rounded-t-[10px] border border-slate-200 bg-white',
+            'fixed inset-x-0 bottom-0 z-50 mt-24 flex flex-col rounded-t-[10px] border border-slate-200 bg-white',
+            className,
           )}
         >
           {children}