Skip to content

Commit

Permalink
Merge pull request #179 from 9uttery/feat/#173
Browse files Browse the repository at this point in the history 
[Fix] �이메일 템플릿 디자인 수정
  • Loading branch information
@mingeun0507
mingeun0507 authored Apr 21, 2024
2 parents d16765b + d732ce1 commit 68bcec7
Showing 1 changed file with 41 additions and 18 deletions.
59 changes: 41 additions & 18 deletions src/main/resources/templates/mail.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,26 +6,49 @@
<title>회원가입 인증</title>
</head>
<body style="margin: 0; padding: 0; background-color: #F6F6F6; font-family: 'Pretendard', sans-serif;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #F6F6F6;" width="100%">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 1000px; margin-left: auto; margin-right: auto;"
width="100%">
<tr>
<td align="center" style="padding: 20px;" valign="top">
<!-- 이메일 본문 테이블 -->
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
style="border-radius: 14px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<td style="background-image: url('https://cdn.madii.kr/email_background_header.png'); background-size: cover; height: 258px; border-radius: 14px 14px 0 0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="background-image: url('https://cdn.madii.kr/signup_email_background.png'); background-size: cover; background-position: top; border-radius: 14px 14px 0 0; padding: 50px; text-align: left;">
<!-- 상단 이미지와 텍스트 -->
<h1 style="color: #FFFFFF; font-size: 28px; font-weight: 700; margin-top: 0; margin-bottom: 24px;">
회원가입을 진심으로 환영합니다!</h1>
<p style="color: #FFFFFF; font-size: 16px; font-weight: 500; margin-top: 0; margin-bottom: 24px;">
안녕하세요. 마디입니다.<br>
아래의 인증코드 6자리를 입력하여 회원가입을 완료해주세요.<br>
만약 해당 이메일로 가입을 시도한 적이 없다면 [email protected]로 문의바랍니다.
</p>
<!-- 인증코드 표시 부분 -->
<td style="font-size: 42px; font-family: 'Pretendard', sans-serif; font-weight: 600; line-height: 63px; color: black; padding-top: 30px;">
<p style="text-align: center; font-size: 1.25rem; font-weight: bold; border: none; border-radius: 0.25rem; padding: 1rem 1.25rem; margin-bottom: 1rem; background-color: #F6F6F6; color: #717171;"
th:text="${code}"></p>
<td align="right" style="padding: 168px 40px 40px;">
<span style="color: white; font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 16px;">
바쁜 일상 속 나만의 일시정지 버튼
</span>
<img alt="MADII" height="53" src="https://cdn.madii.kr/madii_logo_text.png" style="display: block; margin-top: 18px;"
width="379.34">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-color: white; padding: 24px 60px 24px; text-align: left;">
<h1 style="color: black; font-size: 28px; font-weight: 700; margin-top: 27px; margin-bottom: 50px;">
회원가입을 진심으로 환영합니다!
</h1>
<p style="color: black; font-size: 16px; font-weight: 500; margin-top: 0; margin-bottom: 50px; line-height: 29px">
안녕하세요. 마디입니다.<br>
아래의 인증코드 6자리를 입력하여 회원가입을 완료해주세요.<br>
만약 해당 이메일로 가입을 시도한 적이 없다면 [email protected]로 문의바랍니다.
</p>
<p style="color: black; font-size: 42px; font-weight: 600; line-height: 63px;" th:text="${code}">
123456 <!-- 동적으로 생성된 코드 -->
</p>
</td>
</tr>
<tr>
<td style="background-image: url('https://cdn.madii.kr/email_background_footer.png'); background-size: cover; height: 120px; border-radius: 0 0 14px 14px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 43px 0 0 40px;">
<span style="color: white; font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 16px;">
@ 마디
</span>
</td>
<td align="right" style="padding: 26px 40px 0;">
<img alt="MADII Logo" height="54" src="https://cdn.madii.kr/madii_logo_image.png" width="54">
</td>
</tr>
</table>
Expand Down

0 comments on commit 68bcec7

Please sign in to comment.