fix(fe): adjust modal style (#229)

fix: adjust modal dimensions for CreateQuestionModal and CreateReplyModal

Author: cjeongmin

apps/client/src/components/modal/CreateQuestionModal.tsx

@@ -99,12 +99,12 @@ function CreateQuestionModal({ question }: CreateQuestionModalProps) {
   }, [question]);
 
   return (
-    <div className='inline-flex min-h-[45dvh] min-w-[45dvw] flex-col items-center justify-center gap-2.5 rounded-lg bg-gray-50 p-8 shadow'>
+    <div className='inline-flex h-[50dvh] w-[50dvw] flex-col items-center justify-center gap-2.5 rounded-lg bg-gray-50 p-8 shadow'>
       <div className='inline-flex h-full w-full flex-grow flex-col items-center justify-center gap-2.5'>
         <div className='inline-flex items-center justify-start gap-2.5 self-stretch border-b border-gray-200 pb-1'>
           <div className='text-lg font-semibold text-black'>질문하기</div>
         </div>
-        <div className='inline-flex h-full shrink grow basis-0 items-center justify-center gap-2.5 self-stretch'>
+        <div className='inline-flex h-full max-h-[35vh] shrink grow basis-0 items-center justify-center gap-2.5 self-stretch'>
           <textarea
             className='shrink grow basis-0 resize-none flex-col items-start justify-start gap-2 self-stretch whitespace-pre-wrap rounded border border-gray-200 bg-white p-4 focus:outline-none'
             value={body}

apps/client/src/components/modal/CreateReplyModal.tsx

@@ -109,7 +109,7 @@ function CreateReplyModal({ question, reply }: CreateReplyModalProps) {
   }, [reply]);
 
   return (
-    <div className='inline-flex min-h-[45dvh] min-w-[45dvw] flex-col items-center justify-center gap-2.5 rounded-lg bg-gray-50 p-8 shadow'>
+    <div className='inline-flex h-[50dvh] w-[50dvw] flex-col items-center justify-center gap-2.5 rounded-lg bg-gray-50 p-8 shadow'>
       <div className='inline-flex h-full w-full flex-grow flex-col items-center justify-center gap-4'>
         <div className='inline-flex items-center justify-start gap-2.5 self-stretch border-b border-gray-200 pb-1'>
           <div className='text-lg font-semibold text-black'>답변하기</div>
@@ -121,7 +121,7 @@ function CreateReplyModal({ question, reply }: CreateReplyModalProps) {
             </Markdown>
           )}
         </div>
-        <div className='inline-flex h-full shrink grow basis-0 items-center justify-center gap-2.5 self-stretch'>
+        <div className='inline-flex h-full max-h-[25dvh] shrink grow basis-0 items-center justify-center gap-2.5 self-stretch'>
           <textarea
             className='h-full shrink grow basis-0 resize-none flex-col items-start justify-start gap-2 self-stretch whitespace-pre-wrap rounded border border-gray-200 bg-white p-4 focus:outline-none'
             value={body}