fix(templates) : 버튼이 잘리는 오류 수정

sickgyun · Apr 23, 2024 · 95df7d9 · 95df7d9
1 parent 5f32c50
commit 95df7d9
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 18 deletions.
diff --git a/main-server/src/main/resources/templates/accept-mail.html b/main-server/src/main/resources/templates/accept-mail.html
@@ -13,19 +13,21 @@ <h2 style="font-size: 24px; font-weight: 700; text-align: center; margin-top: 40
             <span th:text="${touser}"></span>님이 커피챗 요청을 수락했어요.<br>
         </h2>
     </div>
-    <a href="https://sickgyun.com" style="text-decoration-line: none;">
+    <a href="https://sickgyun.com/email" style="text-decoration-line: none;">
         <div class="coffeeChatButton" style="
-            display: block;
+            display: flex;
+            align-items: center;
+			justify-content: center;
             margin-top: 20px;
             background-color: #7046f7;
             width: 100%;
-            height: 55px;
+            height: 54px;
             border-radius: 8px;
             color: white;
             cursor: pointer;
             font-size: 16px;
-            text-align: center;
-            line-height: 55px;
+			font-weight: 500;
+            line-height: 130%;
     ">
             식견에서 확인하기
         </div>

diff --git a/main-server/src/main/resources/templates/application-mail.html b/main-server/src/main/resources/templates/application-mail.html
@@ -12,23 +12,25 @@
         <h2 style="font-size: 24px; font-weight: 700; text-align: center; margin-top: 40px;">
             <span th:text="${fromuser}"></span>님이 커피챗 요청을 보냈어요.<br>
         </h2>
-        <div style="width: 440px; min-height: 260px; border-radius: 8px; background-color: #FBFBFC; text-align: left; padding: 20px; margin-bottom: 20px;">
-            <span th:text="${message}"></span> <br>
+        <div style="width: 440px; max-height: 180px; min-height: 100px; border-radius: 8px; background-color: #FBFBFC; text-align: left; padding: 20px; margin-bottom: 20px; overflow: scroll;">
+			<span th:text="${message}"></span> <br>
         </div>
     </div>
-    <a href="https://sickgyun.com" style="text-decoration-line: none;">
+    <a href="https://sickgyun.com/email" style="text-decoration-line: none;">
         <div class="coffeeChatButton" style="
-            display: block;
+            display: flex;
+            align-items: center;
+			justify-content: center;
             margin-top: 20px;
             background-color: #7046f7;
             width: 100%;
-            height: 55px;
+            height: 54px;
             border-radius: 8px;
             color: white;
             cursor: pointer;
             font-size: 16px;
-            text-align: center;
-            line-height: 55px;
+			font-weight: 500;
+            line-height: 130%;
     ">
             식견에서 확인하기
         </div>

diff --git a/main-server/src/main/resources/templates/reject-mail.html b/main-server/src/main/resources/templates/reject-mail.html
@@ -12,23 +12,25 @@
         <h2 style="font-size: 24px; font-weight: 700; text-align: center; margin-top: 40px;">
             <span th:text="${touser}"></span>님이 커피챗 요청을 거절했어요.<br>
         </h2>
-        <div style="width: 440px; min-height: 260px; border-radius: 8px; background-color: #FBFBFC; text-align: left; padding: 20px; margin-bottom: 20px;">
+        <div style="width: 440px; max-height: 180px; min-height: 100px; border-radius: 8px; background-color: #FBFBFC; text-align: left; padding: 20px; margin-bottom: 20px; overflow: scroll;">
             <span th:text="${message}"></span> <br>
         </div>
     </div>
-    <a href="https://sickgyun.com" style="text-decoration-line: none;">
+    <a href="https://sickgyun.com/email" style="text-decoration-line: none;">
         <div class="coffeeChatButton" style="
-            display: block;
+            display: flex;
+            align-items: center;
+			justify-content: center;
             margin-top: 20px;
             background-color: #7046f7;
             width: 100%;
-            height: 55px;
+            height: 54px;
             border-radius: 8px;
             color: white;
             cursor: pointer;
             font-size: 16px;
-            text-align: center;
-            line-height: 55px;
+			font-weight: 500;
+            line-height: 130%;
     ">
             식견에서 확인하기
         </div>