fix: bottom sheet feature

Nexters · Apr 2, 2024 · 6350d5c · 6350d5c
1 parent b54a702
commit 6350d5c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/app/(input)/ticker/_components/ticker-drawer.tsx b/src/app/(input)/ticker/_components/ticker-drawer.tsx
@@ -62,7 +62,7 @@ export const TickerDrawer = React.memo(
     }, [drawerType]);
 
     return (
-      <DrawerContent className="mx-auto h-[calc(100%-100px)] max-w-screen-md">
+      <DrawerContent className="top-0 mx-auto h-[calc(100%-36px)] max-w-screen-md">
         <DrawerHeader className="pb-0">
           <DrawerTitle className="mb-10 text-h3 font-semibold text-grey-900">{title}</DrawerTitle>
           <Input
@@ -108,7 +108,7 @@ export const TickerDrawer = React.memo(
           !!data && <TickerList data={data} tickerName={tickerName} onClick={handleTickerClick} />
         )}
 
-        {drawerType === "count" && (
+        {isSubmittable && (
           <DrawerFooter>
             <DrawerClose onClick={handleSubmitClick} disabled={!isSubmittable}>
               <div

diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx
@@ -31,10 +31,8 @@ const DrawerContent = React.forwardRef<
     <DrawerPortal>
       <DrawerPrimitive.Content
         ref={ref}
-        className={cn(
-          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-white",
-          className
-        )}
+        className={cn("fixed inset-x-0 bottom-0 z-50 flex h-full flex-col rounded-t-[10px] border bg-white", className)}
+        style={{ marginTop: 36 }}
         {...props}
       >
         <div className="bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full" />