Skip to content

Commit

Permalink
Merge pull request Chanzhaoyu#305 from Erimus-Koo/main
Browse files Browse the repository at this point in the history 
feat: refactor mail template and add link address for copy
  • Loading branch information
@Kerwin1202
Kerwin1202 authored Oct 29, 2023
2 parents f46eab2 + f8cc508 commit c595e19
Show file tree
Hide file tree
Showing 7 changed files with 482 additions and 548 deletions.
253 changes: 119 additions & 134 deletions service/src/utils/templates/mail.admin.template.html
View file
Original file line number Diff line number Diff line change
@@ -1,139 +1,124 @@
<html>
<head> </head>
<body>
<div class="page flex-col">
<div class="box_3 flex-col" style="
display: flex;
position: relative;
width: 100%;
height: 206px;
background: #ef859d2e;
top: 0;
left: 0;
justify-content: center;
">
<div class="section_1 flex-col" style="
background-image: url(&quot;https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg&quot;);
position: absolute;
width: 152px;
height: 152px;
display: flex;
top: 130px;
background-size: cover;
border-radius: 50%;
margin: 10px;
"></div>
</div>
<div class="box_4 flex-col" style="
margin-top: 92px;
display: flex;
flex-direction: column;
align-items: center;
">
<div class="text-group_5 flex-col justify-between" style="
display: flex;
flex-direction: column;
align-items: center;
margin: 0 20px;
">
<span class="text_1" style="
font-size: 26px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #000000;
line-height: 37px;
text-align: center;
">
<target="_blank" style="text-decoration: none; color: #0088cc;">${SITE_TITLE}</a> 账号申请
</span>
<head> </head>

<div class="box_2 flex-row" style="
margin: 0 20px;
min-height: 128px;
background: #F7F7F7;
border-radius: 12px;
margin-top: 34px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px 16px;
width: calc(100% - 40px);
">
<body
style="
font-family: -apple-system, 'microsoft yahei', sans-serif;
font-size: 16px;
text-align: center;
"
>
<div
class="main-wrapper"
style="display: flex; flex-flow: column nowrap; justify-content: center"
>
<!-- top area start -->
<div class="header-wrapper" style="height: 10em; background: #fcc">
<div
class="avatar"
style="
background-color: #eee;
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
width: 10em;
height: 10em;
margin: 5em auto 0;
background-size: cover;
border-radius: 50%;
border: 0.25em solid white;
"
></div>
</div>
<div
class="article-title"
style="
margin: 6em auto 0;
font-weight: bold;
line-height: 2;
text-align: center;
color: #06f;
"
>
${SITE_TITLE} 账号申请
</div>
<!-- top area end -->

<div class="text-wrapper_4 flex-col justify-between" style="
display: flex;
flex-direction: column;
margin-left: 30px;
margin-bottom: 16px;
">
<hr>
<span class="text_3" style=" font-family: Arial, sans-serif; font-size: 16px; color: #333;">
<h1 style="color: #0088cc;">
账号申请邮箱：${TO_MAIL}，账号开通链接为（12小时内有效）：
</span>
</div>
<hr style="
display: flex;
position: relative;
border: 1px dashed #ef859d2e;
box-sizing: content-box;
height: 0px;
overflow: visible;
width: 100%;
">
<div class="text-wrapper_4 flex-col justify-between" style="
display: flex;
flex-direction: column;
margin-left: 30px;
">
<hr>
</h1>
<p style="margin-top: 20px;">
请点击以下按钮进行开通：
<span class="text_4" style="
margin-top: 6px;
margin-right: 22px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
line-height: 22px;
"></span>
</div>
<!-- content area start -->
<div
class="content-wrapper"
style="
width: 100%;
padding: 2em;
box-sizing: border-box;
overflow: hidden;
"
>
<div
class="content gray-box"
style="
min-height: 8em;
background: #8881;
border-radius: 2em;
margin-top: 2em;
padding: 2em;
box-sizing: border-box;
"
>
<div style="text-align: center; color: #06f; font-size: 1.5em">
账号申请邮箱：${TO_MAIL}，这是您的账号开通链接 (12小时内有效)
</div>

<a target="_blank" class="text-wrapper_2 flex-col" style="
min-width: 106px;
height: 38px;
background: #ef859d38;
border-radius: 32px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
margin: auto;
margin-top: 32px;
" href="${VERIFY_URL}">
<span class="text_5" style="
color: #DB214B;
">点我开通</span>
</a>
</div>
<div class="text-group_6 flex-col justify-between" style="
display: flex;
flex-direction: column;
align-items: center;
margin-top: 34px;
">
<span class="text_6" style="
height: 17px;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #00000045;
line-height: 17px;
">此邮件由服务器自动发出，直接回复无效。</span>
</div>
</div>
</div>
</body>
<hr style="border: 1px dashed #fcc; margin: 2em 0" />

<div style="text-align: center">
<div>请点击以下按钮进行开通</div>

<div
style="
display: inline-block;
height: 3em;
line-height: 3em;
min-width: 8em;
background: #fcc;
color: #c33;
border-radius: 3em;
margin: 2em auto;
"
>
<a
target="_blank"
style="color: #c33; text-decoration: none; padding: 0 1.5em"
href="${VERIFY_URL}"
>
点我开通
</a>
</div>
</div>

<hr style="border: 1px dashed #fcc; margin: 2em 0" />

<div style="color: #888; font-size: 0.8em">
<div>或者复制链接，并去浏览器打开</div>
<div style="font-family: monospace">
<a
href="${VERIFY_URL}"
style="
text-decoration: none;
color: #888;
font-family: monospace;
"
>${VERIFY_URL}</a
>
</div>
</div>
</div>
</div>
<!-- content area end -->

<!-- footer start -->
<div class="footer" style="margin: 2rem; color: #999; font-size: 0.8em">
此邮件由服务器自动发出，直接回复无效。
</div>
<!-- footer end -->
</div>
</body>
</html>
Loading

0 comments on commit c595e19

Please sign in to comment.