[QA-BGRM-79] og image 및 보따리 설정 기본 값 변경 (#82)

Buggureomi · Jan 8, 2025 · 78d5823 · 78d5823
1 parent 071c66c
commit 78d5823
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 18 deletions.
diff --git a/public/images/og/og_img.jpg b/public/images/og/og_img.jpg
diff --git a/src/pages/answer-create/index.tsx b/src/pages/answer-create/index.tsx
@@ -59,13 +59,13 @@ export default function AnswerCreate() {
   return (
     <section className="flex flex-col h-full gap-6 justify-between">
       <div className="flex flex-col my-auto gap-4">
-        <div className="flex flex-col items-center ">
-          <p className="text-center text-white text-lg">
+        <div className="flex flex-col items-center gap-2">
+          <p className="text-center text-[#CFD2E4] text-lg">
             {questionInfo.nickname}님이 답변을 기다려요!
           </p>
-          <div className="flex items-center justify-center w-full h-10 text-center rounded-md text-2xl font-bold">
-            <span className="text-[#CFD2E4]">{questionInfo.content}</span>
-          </div>
+          <span className="text-[#FFFFFF] text-[22px] font-semibold text-center">
+            {questionInfo.content}
+          </span>
         </div>
         <div className="w-full flex flex-col items-center gap-4">
           {COLOR_CODE_LIST.map((group, groupIndex) => (
@@ -81,8 +81,7 @@ export default function AnswerCreate() {
               ))}
             </div>
           ))}
-
-          <p className="text-center text-white text-xl font-nanum-dahaengce">
+          <p className="text-center text-[#D9D9D9] text-xl font-nanum-dahaengce font-extralight">
             어떤 색상의 구슬로
             <br />
             답변을 할까요?

diff --git a/src/pages/main/components/WithAnswer.tsx b/src/pages/main/components/WithAnswer.tsx
@@ -42,16 +42,16 @@ export default function WithAnswer({
           <h3 className="font-bold mb-2 w-full text-left text-white">
             담긴 쪽지 미리보기
           </h3>
-          <p className="bg-[#F3F3F3] w-full px-4 py-3 rounded-md mb-10 h-24 overflow-y-auto font-nanum-dahaengce">
+          <p className="bg-[#F3F3F3] w-full px-4 py-3 rounded-md mb-4 h-24 overflow-y-auto font-nanum-dahaengce">
             {previewMessage}
           </p>
-          <span className="font-nanum-dahaengce mb-4 text-white text-xl">
-            누구의 쪽지일까요? 지금 열어보세요!
-          </span>
         </div>
       </div>
 
-      <footer className="w-full py-10">
+      <footer className="w-full pb-10">
+        <p className="font-nanum-dahaengce mb-2 text-center text-white text-xl">
+          누구의 쪽지일까요? 지금 열어보세요!
+        </p>
         <Button
           className="mb-2 w-full"
           children="열어보기"

diff --git a/src/pages/main/components/WithoutAnswer.tsx b/src/pages/main/components/WithoutAnswer.tsx
@@ -32,12 +32,12 @@ export default function WithoutAnswer({
           <span className="font-nanum-dahaengce text-white mb-10">
             기다려 볼까요?
           </span>
-          <span className="text-white font-nanum-dahaengce mb-2">
-            다시 한 번 공유해 볼까요?
-          </span>
         </div>
       </div>
-      <footer className="w-full py-10">
+      <footer className="w-full pb-10">
+        <p className="text-white font-nanum-dahaengce text-center mb-2">
+          다시 한 번 공유해 볼까요?
+        </p>
         <ReflectionButton userId={userId} />
         <ShareButton className="w-full mt-2">공유</ShareButton>
       </footer>

diff --git a/src/pages/question-create-detail/index.tsx b/src/pages/question-create-detail/index.tsx
@@ -22,7 +22,7 @@ export default function QuestionCreateDetail() {
 
   const [settings, setSettings] = useState({
     isCountVisible: 1,
-    isAuthRequired: 1,
+    isAuthRequired: 0,
     isPublicVisible: 1,
   });
 

diff --git a/src/pages/question-create/index.tsx b/src/pages/question-create/index.tsx
@@ -41,7 +41,7 @@ export default function QuestionCreate() {
           <RandomInput value={question} onChange={handleChangeQuestion} />
         </div>
       </div>
-      <div className="py-10">
+      <div className="pb-10">
         <Button
           className="w-full"
           disabled={!question.trim().length}