fix: change email template css

Author: winverse

packages/velog-server/src/graphql/resolvers/userResolvers.ts

@@ -79,7 +79,6 @@ const userResolvers: Resolvers = {
     checkEmailExists: async (_, { input }) => {
       const userService = container.resolve(UserService)
       const user = await userService.findByEmail(input.email)
-      console.log('user', user)
       return !!user
     },
   },

packages/velog-server/src/services/UserService/index.ts

@@ -242,13 +242,13 @@ export class UserService implements Service {
     try {
       if (ENV.dockerEnv === 'development') {
         console.log(`Login URL: ${ENV.clientV3Host}/email-change?code=${code}`)
+      } else {
+        await this.mail.sendMail({
+          to: email,
+          from: '[email protected]',
+          ...template,
+        })
       }
-
-      await this.mail.sendMail({
-        to: email,
-        from: '[email protected]',
-        ...template,
-      })
     } catch (error) {
       console.error('change email error', error)
       throw error

packages/velog-server/src/template/changeEmailTemplate.ts

@@ -9,9 +9,9 @@ export const changeEmailTemplate: ChangeEmailTemplateArgs = (username, email, co
   <a href="https://velog.io">
     <img src="https://images.velog.io/email-logo.png" style="display: block; width: 128px; margin: 0 auto;"/>
   </a>
-  <div style="max-width: 100%; width: 400px; margin: 0 auto; padding: 1rem; text-align: justify; background: #f8f9fa; border: 1px solid #dee2e6; box-sizing: border-box; border-radius: 4px; color: #868e96; margin-top: 0.5rem; box-sizing: border-box;">
-    <b style="black">안녕하세요!</b>
-    ${username}의 이메일을 ${email}로 ${text}하는 것을 승인하겠습니까?
+  <div style="max-width: 100%; margin: 0 auto; padding: 1rem; text-align: justify; background: #f8f9fa; border: 1px solid #dee2e6; box-sizing: border-box; border-radius: 4px; color: #868e96; margin-top: 0.5rem; box-sizing: border-box;">
+    <div><b style="black">안녕하세요!</b></div>
+    <p style="white-space: pre; word-wrap: break-word; word-break: break-all;">${username}의 이메일을 ${email}로 ${text}하는 것을 승인하겠습니까?</p>
   </div>
   <a href="${endpoint}/email-change?code=${code}" style="text-decoration: none; width: 400px; text-align:center; display:block; margin: 0 auto; margin-top: 1rem; background: #845ef7; padding-top: 1rem; color: white; font-size: 1.25rem; padding-bottom: 1rem; font-weight: 600; border-radius: 4px;">
     ${text}하기
@@ -25,6 +25,7 @@ export const changeEmailTemplate: ChangeEmailTemplateArgs = (username, email, co
   </div>
 </div>
   `
+
   return {
     subject,
     body,