📝 Chore(#47): 질문 입력 input 반응형 디자인에 맞춰 너비 조정 처리

Team-Blitz-Steady · Dec 4, 2023 · 08dd0f0 · 08dd0f0
1 parent c3e758b
commit 08dd0f0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/(steady)/steady/create/questions/page.tsx b/src/app/(steady)/steady/create/questions/page.tsx
@@ -230,7 +230,7 @@ const CreateQuestionsPage = () => {
                         placeholder="질문을 입력해 주세요."
                         value={item.question}
                         className={cn(
-                          "h-50 text-20 font-semibold text-st-black outline-none",
+                          "h-50 text-20 font-semibold text-st-black outline-none max-sm:w-250 sm:w-300 md:w-400 lg:w-600 xl:w-750",
                         )}
                         onChange={(event) => {
                           setQuestion((prev) =>

diff --git a/src/app/(steady)/steady/edit/questions/[id]/page.tsx b/src/app/(steady)/steady/edit/questions/[id]/page.tsx
@@ -246,7 +246,7 @@ const EditQuestionsPage = ({ params }: { params: { id: string } }) => {
                         placeholder="질문을 입력해 주세요."
                         value={item.question}
                         className={cn(
-                          `h-50 text-20 font-semibold text-st-black outline-none`,
+                          `h-50 w-auto text-20 font-semibold text-st-black outline-none max-sm:w-250 sm:w-300 md:w-400 lg:w-600 xl:w-750`,
                         )}
                         onChange={(event) => {
                           handleInputQuestion(event, item.sequence);