From 276666aa7359feeebf611ca53d88392eded7061c Mon Sep 17 00:00:00 2001
From: HyunggiPark <phg9587@naver.com>
Date: Sun, 17 Mar 2024 18:17:19 +0900
Subject: [PATCH 1/3] =?UTF-8?q?[fe]=20chore:=20=EA=B2=8C=EC=8B=9C=ED=8C=90?=
 =?UTF-8?q?=20=EB=AA=A9=EB=A1=9D=20=ED=99=94=EB=A9=B4=EC=9D=98=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EC=B0=BD=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=A0=95=EB=A0=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 컴포넌트들의 정렬이 맞지 않아서 보기 불편하다는 피드백이 있었음
---
 my-garden-fe/src/components/boards/common/SearchForm.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/my-garden-fe/src/components/boards/common/SearchForm.vue b/my-garden-fe/src/components/boards/common/SearchForm.vue
index 6c5ff636..f55be2d3 100644
--- a/my-garden-fe/src/components/boards/common/SearchForm.vue
+++ b/my-garden-fe/src/components/boards/common/SearchForm.vue
@@ -119,7 +119,6 @@ watch(() => props.queryParameter, () => {
 <style scoped>
 .filter-wrapper {
   height: 110px;
-  margin: 0 10px;
 
   display: flex;
   flex-direction: column;
@@ -136,7 +135,7 @@ watch(() => props.queryParameter, () => {
 }
 
 .filter-bot-wrapper {
-  padding: 10px 10px;
+  padding: 10px 0;
 
   display: flex;
   flex-direction: row;

From cd9f01a811b128bb97afb7000285fd972459e4d3 Mon Sep 17 00:00:00 2001
From: HyunggiPark <phg9587@naver.com>
Date: Sun, 17 Mar 2024 18:25:48 +0900
Subject: [PATCH 2/3] =?UTF-8?q?[fe]=20chore:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8?=
 =?UTF-8?q?=20=EB=B0=8F=20=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=EC=97=90=EC=84=9C=20=EC=98=81=EC=96=B4=EB=A1=9C=20?=
 =?UTF-8?q?=EB=90=98=EC=96=B4=EC=9E=88=EB=8A=94=20=EB=B6=80=EB=B6=84=20?=
 =?UTF-8?q?=ED=95=9C=EA=B8=80=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 다른 사이트에서 복사 붙여넣기한 느낌이 난다는 피드백이 있었음
---
 my-garden-fe/src/pages/Login.vue  | 18 +++++++++++-------
 my-garden-fe/src/pages/SignUp.vue | 16 ++++++++++------
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/my-garden-fe/src/pages/Login.vue b/my-garden-fe/src/pages/Login.vue
index d2d19ba5..99bc4d54 100644
--- a/my-garden-fe/src/pages/Login.vue
+++ b/my-garden-fe/src/pages/Login.vue
@@ -97,30 +97,29 @@ onMounted(() => {
     <div class="modal-dialog" role="document">
       <div class="modal-content rounded-4 shadow">
         <div class="modal-header p-5 pb-4 border-bottom-0">
-          <h1 class="fw-bold mb-0 fs-2">Please login</h1>
+          <h1 class="fw-bold mb-0 fs-2">로그인</h1>
         </div>
 
         <div class="modal-body p-5 pt-0">
           <div class="form-floating">
             <input id="floatingInput" v-model="form.email" class="form-control" placeholder="name@example.com"
                    type="email">
-            <label for="floatingInput">Email address</label>
+            <label for="floatingInput">이메일 주소</label>
           </div>
           <div class="form-floating">
             <input id="floatingPassword" v-model="form.password" class="form-control" placeholder="Password"
                    type="password">
-            <label for="floatingPassword">Password</label>
+            <label for="floatingPassword">비밀번호</label>
           </div>
 
           <div class="form-check text-start my-3">
             <input id="flexCheckDefault" v-model="rememberMe" class="form-check-input" type="checkbox">
             <label class="form-check-label" for="flexCheckDefault">
-              Remember me
-              <span style="font-size: 13px">(※ Only use this option on private computer)</span>
+              로그인 정보 저장
             </label>
           </div>
-          <button class="btn btn-primary w-100 py-2" @click="submit">Login</button>
-          <button class="btn btn-success w-100 py-2" @click="goToSignup">Sign up</button>
+          <button class="btn btn-primary w-100 py-2" @click="submit">로그인</button>
+          <button class="btn btn-success w-100 py-2" @click="goToSignup">회원가입</button>
         </div>
       </div>
     </div>
@@ -129,6 +128,11 @@ onMounted(() => {
 </template>
 
 <style scoped>
+.modal-header h1 {
+  width: 100%;
+  text-align: center;
+}
+
 .form-sign-in input[type="email"] {
   margin-bottom: -1px;
   border-bottom-right-radius: 0;
diff --git a/my-garden-fe/src/pages/SignUp.vue b/my-garden-fe/src/pages/SignUp.vue
index 87c84eb9..e4efa5a2 100644
--- a/my-garden-fe/src/pages/SignUp.vue
+++ b/my-garden-fe/src/pages/SignUp.vue
@@ -91,7 +91,7 @@ function validatePasswordCheck() {
     <div class="modal-dialog" role="document">
       <div class="modal-content rounded-4 shadow">
         <div class="modal-header p-5 pb-4 border-bottom-0">
-          <h1 class="fw-bold mb-0 fs-2">Sign up for free</h1>
+          <h1 class="fw-bold mb-0 fs-2">회원가입</h1>
           <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"
                   @click="goToLogin"></button>
         </div>
@@ -100,7 +100,7 @@ function validatePasswordCheck() {
           <div class="form-floating mb-3">
             <input v-model="form.email" class="form-control rounded-3" placeholder="name@example.com"
                    type="email" @input="validateEmail">
-            <label>Email address</label>
+            <label>이메일 주소</label>
             <div v-if="!form.emailValid" class="text-danger validationText">
               유효한 이메일 형식을 입력해주세요.
             </div>
@@ -109,7 +109,7 @@ function validatePasswordCheck() {
           <div class="form-floating mb-3">
             <input v-model="form.password" class="form-control rounded-3" placeholder="Password"
                    type="password" @input="validatePassword">
-            <label>Password</label>
+            <label>비밀번호</label>
             <div v-if="!form.passwordValid" class="text-danger validationText">
               영문자, 숫자, 특수문자($, @, !, %, *, #, ?, &)가 각각 1개 이상 포함된 8~20자의 비밀번호여야 합니다.
             </div>
@@ -117,13 +117,12 @@ function validatePasswordCheck() {
           <div class="form-floating mb-3">
             <input v-model="form.passwordCheck" class="form-control rounded-3" placeholder="Password Check"
                    type="password" @input="validatePasswordCheck">
-            <label>Password Check</label>
+            <label>비밀번호 확인</label>
             <div v-if="!form.passwordCheckValid" class="text-danger validationText">
               위에서 패스워드로 입력하신 값이랑 일치하지 않습니다.
             </div>
           </div>
-          <button class="w-100 mb-2 btn btn-lg rounded-3 btn-primary" type="submit" @click="signup">Sign up</button>
-          <small class="text-body-secondary">By clicking Sign up, you agree to the terms of use.</small>
+          <button class="w-100 mb-2 btn btn-lg rounded-3 btn-primary" type="submit" @click="signup">회원가입</button>
         </div>
       </div>
     </div>
@@ -131,6 +130,11 @@ function validatePasswordCheck() {
 </template>
 
 <style scoped>
+.modal-header h1 {
+  width: 100%;
+  text-align: center;
+}
+
 .validationText {
   font-size: 1rem;
 }

From d08fb526913c517a284c3acfc47bb5a2edb2ce34 Mon Sep 17 00:00:00 2001
From: HyunggiPark <phg9587@naver.com>
Date: Sun, 17 Mar 2024 18:36:17 +0900
Subject: [PATCH 3/3] =?UTF-8?q?[fe]=20chore:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8?=
 =?UTF-8?q?=20=ED=98=B9=EC=9D=80=20=EB=8C=93=EA=B8=80=EC=9D=B4=20=EC=9E=88?=
 =?UTF-8?q?=EB=8A=94=20=EA=B2=BD=EC=9A=B0=EC=97=90=EB=A7=8C=20=EB=8C=93?=
 =?UTF-8?q?=EA=B8=80=EC=B0=BD=EC=9D=B4=20=EB=B3=B4=EC=9D=B4=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 my-garden-fe/src/components/boards/common/BoardView.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/my-garden-fe/src/components/boards/common/BoardView.vue b/my-garden-fe/src/components/boards/common/BoardView.vue
index 1ef400f6..27112f36 100644
--- a/my-garden-fe/src/components/boards/common/BoardView.vue
+++ b/my-garden-fe/src/components/boards/common/BoardView.vue
@@ -53,6 +53,10 @@ function submitComment() {
   emit('submitComment', comment.value);
   comment.value = '';
 }
+
+function isCommentBoxActive() {
+  return props.comments.length > 0 || isLogin();
+}
 </script>
 
 <template>
@@ -84,7 +88,7 @@ function submitComment() {
     <!--      </div>-->
     <!--    </div>-->
 
-    <div v-if="isAbleToReply()" class="detail_comment_box">
+    <div v-if="isAbleToReply()" :class="isCommentBoxActive() ? 'detail_comment_box' : ''">
       <div v-if="isLogin()">
         <div class="comment_submit_box">
           <input v-model="comment" class="input_box" placeholder="댓글을 입력해주세요" type="text">