From 6fbefff2416a459998a8beb455cb9dbfb1725a3d Mon Sep 17 00:00:00 2001
From: Raymond <akdfhr2@gmail.com>
Date: Sun, 24 Mar 2024 14:16:12 +0900
Subject: [PATCH] =?UTF-8?q?FIX:=20=EC=95=88=EB=93=9C=EB=A1=9C=EC=9D=B4?=
 =?UTF-8?q?=EB=93=9C=EC=9B=B9=EB=B7=B0=20=ED=82=A4=EB=B3=B4=EB=93=9C=20?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=88=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/survey/survey-form.tsx | 12 ++++++------
 components/ui/drawer.tsx          |  2 --
 layout/form-layout.tsx            |  2 +-
 pages/garden/index.tsx            |  1 -
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/components/survey/survey-form.tsx b/components/survey/survey-form.tsx
index f900736..c7ee08a 100644
--- a/components/survey/survey-form.tsx
+++ b/components/survey/survey-form.tsx
@@ -98,14 +98,14 @@ const SurveyForm = ({
   return (
     <form
       onSubmit={form.handleSubmit(onValid)}
-      className="text-left grow flex flex-col space-y-6 overflow-y-hidden"
+      className="text-left relative grow flex flex-col space-y-6 overflow-y-hidden"
     >
       <div
         className="text-subTitle1-medium"
         dangerouslySetInnerHTML={{ __html: title }}
       ></div>
       {type === 'OX' ? (
-        <div className="flex flex-col space-y-2 overflow-y-scroll">
+        <div className="flex flex-col space-y-2 overflow-y-scroll grow !mb-[190px]">
           <Controller
             name={`id`}
             control={form.control}
@@ -174,7 +174,7 @@ const SurveyForm = ({
           />
         </div>
       ) : type === 'MULTIPLE_CHOICE' ? (
-        <div className="flex flex-col space-y-2 overflow-y-scroll">
+        <div className="flex flex-col space-y-2 overflow-y-scroll grow !mb-[190px]">
           <Controller
             name={`id`}
             defaultValue=""
@@ -261,7 +261,7 @@ const SurveyForm = ({
           />
         </div>
       ) : type === 'NUMERIC_CHOICE' ? (
-        <div className="flex flex-col space-y-2 overflow-y-scroll">
+        <div className="flex flex-col space-y-2 overflow-y-scroll grow !mb-[190px]">
           <Controller
             name={`id`}
             defaultValue=""
@@ -366,7 +366,7 @@ const SurveyForm = ({
           />
         </div>
       ) : (
-        <div className="flex flex-col space-y-2 overflow-y-scroll">
+        <div className="flex flex-col space-y-2 overflow-y-scroll grow !mb-[190px]">
           <Controller
             name={`answer`}
             defaultValue=""
@@ -421,7 +421,7 @@ const SurveyForm = ({
           />
         </div>
       )}
-      <div className="flex grow flex-col justify-end items-end w-full">
+      <div className="absolute bottom-0 flex w-full flex-col justify-end items-end">
         {type !== 'SHORT_ANSWER' && (
           <InputLabel
             className="text-sub2-medium"
diff --git a/components/ui/drawer.tsx b/components/ui/drawer.tsx
index 8a303b1..05b3aa2 100644
--- a/components/ui/drawer.tsx
+++ b/components/ui/drawer.tsx
@@ -2,8 +2,6 @@ import { cn } from '@/lib/client/utils'
 import * as React from 'react'
 import { Drawer as DrawerPrimitive } from 'vaul'
 
-
-
 const Drawer = ({
   shouldScaleBackground = true,
   ...props
diff --git a/layout/form-layout.tsx b/layout/form-layout.tsx
index 8af0f32..17836cc 100644
--- a/layout/form-layout.tsx
+++ b/layout/form-layout.tsx
@@ -43,7 +43,7 @@ const FormLayout = ({
       </div>
 
       {button && (
-        <div className="p-5 pb-0 mb-4 bg-white flex justify-center">
+        <div className="absolute bottom-0 w-full p-5 pb-0 mb-4 bg-white flex justify-center">
           {button}
         </div>
       )}
diff --git a/pages/garden/index.tsx b/pages/garden/index.tsx
index d5631bc..3b2e3f2 100644
--- a/pages/garden/index.tsx
+++ b/pages/garden/index.tsx
@@ -16,7 +16,6 @@ import ShareModal from '@/components/share-modal'
 import InfoIcon from '@/components/svgs/info-icon'
 import WriteList from '@/components/compositions/header/write-list'
 import { FilterProvider } from '@/hooks/use-filter'
-import BottomSheet from '@/components/bottomsheet-button'
 
 const Pages = () => {
   const { data } = useSession()