FIX: 안드로이드웹뷰 키보드 이슈 적용

dnd-side-project · Mar 24, 2024 · 6fbefff · 6fbefff
1 parent 1090515
commit 6fbefff
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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()