Skip to content

Commit 504f0c0

Browse files
Erimus-KooErimus-Koo
committed
fix: some mail clients limit
1 parent 16febf2 commit 504f0c0

File tree

4 files changed

+140
-120
lines changed

4 files changed

+140
-120
lines changed

‎service/src/utils/templates/mail.admin.template.html

Lines changed: 35 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -8,29 +8,30 @@
88
text-align: center;
99
"
1010
>
11-
<div class="main-wrapper">
11+
<div
12+
class="main-wrapper"
13+
style="display: flex; flex-flow: column nowrap; justify-content: center"
14+
>
1215
<!-- top area start -->
13-
<div
14-
class="header-wrapper"
15-
style="height: 10em; background: #fcc; justify-content: center"
16-
></div>
17-
<div
18-
class="avatar"
19-
style="
20-
background-color: #eee;
21-
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22-
width: 10em;
23-
height: 10em;
24-
margin: -5em auto 1em;
25-
background-size: cover;
26-
border-radius: 50%;
27-
border: 0.25em solid white;
28-
"
29-
></div>
16+
<div class="header-wrapper" style="height: 10em; background: #fcc">
17+
<div
18+
class="avatar"
19+
style="
20+
background-color: #eee;
21+
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22+
width: 10em;
23+
height: 10em;
24+
margin: 5em auto 0;
25+
background-size: cover;
26+
border-radius: 50%;
27+
border: 0.25em solid white;
28+
"
29+
></div>
30+
</div>
3031
<div
3132
class="article-title"
3233
style="
33-
margin: 0 auto;
34+
margin: 6em auto 0;
3435
font-weight: bold;
3536
line-height: 2;
3637
text-align: center;
@@ -75,21 +76,17 @@
7576
style="
7677
display: inline-block;
7778
height: 3em;
79+
line-height: 3em;
7880
min-width: 8em;
7981
background: #fcc;
82+
color: #c33;
8083
border-radius: 3em;
8184
margin: 2em auto;
8285
"
8386
>
8487
<a
8588
target="_blank"
86-
style="
87-
height: 3em;
88-
line-height: 3em;
89-
color: #c33;
90-
text-decoration: none;
91-
padding: 0 1.5em;
92-
"
89+
style="color: #c33; text-decoration: none; padding: 0 1.5em"
9390
href="${VERIFY_URL}"
9491
>
9592
点我开通
@@ -99,11 +96,19 @@
9996

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

102-
<div style="color: #888; font-family: monospace; font-size: 0.8em">
99+
<div style="color: #888; font-size: 0.8em">
103100
<div>或者复制链接，并去浏览器打开</div>
104-
<a href="${VERIFY_URL}" style="text-decoration: none; color: #888"
105-
>${VERIFY_URL}</a
106-
>
101+
<div style="font-family: monospace">
102+
<a
103+
href="${VERIFY_URL}"
104+
style="
105+
text-decoration: none;
106+
color: #888;
107+
font-family: monospace;
108+
"
109+
>${VERIFY_URL}</a
110+
>
111+
</div>
107112
</div>
108113
</div>
109114
</div>

‎service/src/utils/templates/mail.notice.template.html

Lines changed: 35 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -8,29 +8,30 @@
88
text-align: center;
99
"
1010
>
11-
<div class="main-wrapper">
11+
<div
12+
class="main-wrapper"
13+
style="display: flex; flex-flow: column nowrap; justify-content: center"
14+
>
1215
<!-- top area start -->
13-
<div
14-
class="header-wrapper"
15-
style="height: 10em; background: #fcc; justify-content: center"
16-
></div>
17-
<div
18-
class="avatar"
19-
style="
20-
background-color: #eee;
21-
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22-
width: 10em;
23-
height: 10em;
24-
margin: -5em auto 1em;
25-
background-size: cover;
26-
border-radius: 50%;
27-
border: 0.25em solid white;
28-
"
29-
></div>
16+
<div class="header-wrapper" style="height: 10em; background: #fcc">
17+
<div
18+
class="avatar"
19+
style="
20+
background-color: #eee;
21+
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22+
width: 10em;
23+
height: 10em;
24+
margin: 5em auto 0;
25+
background-size: cover;
26+
border-radius: 50%;
27+
border: 0.25em solid white;
28+
"
29+
></div>
30+
</div>
3031
<div
3132
class="article-title"
3233
style="
33-
margin: 0 auto;
34+
margin: 6em auto 0;
3435
font-weight: bold;
3536
line-height: 2;
3637
text-align: center;
@@ -75,21 +76,17 @@
7576
style="
7677
display: inline-block;
7778
height: 3em;
79+
line-height: 3em;
7880
min-width: 8em;
7981
background: #fcc;
82+
color: #c33;
8083
border-radius: 3em;
8184
margin: 2em auto;
8285
"
8386
>
8487
<a
8588
target="_blank"
86-
style="
87-
height: 3em;
88-
line-height: 3em;
89-
color: #c33;
90-
text-decoration: none;
91-
padding: 0 1.5em;
92-
"
89+
style="color: #c33; text-decoration: none; padding: 0 1.5em"
9390
href="${SITE_DOMAIN}"
9491
>
9592
点我登陆
@@ -99,11 +96,19 @@
9996

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

102-
<div style="color: #888; font-family: monospace; font-size: 0.8em">
99+
<div style="color: #888; font-size: 0.8em">
103100
<div>或者复制链接，并去浏览器打开</div>
104-
<a href="${SITE_DOMAIN}" style="text-decoration: none; color: #888"
105-
>${SITE_DOMAIN}</a
106-
>
101+
<div style="font-family: monospace">
102+
<a
103+
href="${SITE_DOMAIN}"
104+
style="
105+
text-decoration: none;
106+
color: #888;
107+
font-family: monospace;
108+
"
109+
>${SITE_DOMAIN}</a
110+
>
111+
</div>
107112
</div>
108113
</div>
109114
</div>

‎service/src/utils/templates/mail.resetpassword.template.html

Lines changed: 35 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -8,29 +8,30 @@
88
text-align: center;
99
"
1010
>
11-
<div class="main-wrapper">
11+
<div
12+
class="main-wrapper"
13+
style="display: flex; flex-flow: column nowrap; justify-content: center"
14+
>
1215
<!-- top area start -->
13-
<div
14-
class="header-wrapper"
15-
style="height: 10em; background: #fcc; justify-content: center"
16-
></div>
17-
<div
18-
class="avatar"
19-
style="
20-
background-color: #eee;
21-
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22-
width: 10em;
23-
height: 10em;
24-
margin: -5em auto 1em;
25-
background-size: cover;
26-
border-radius: 50%;
27-
border: 0.25em solid white;
28-
"
29-
></div>
16+
<div class="header-wrapper" style="height: 10em; background: #fcc">
17+
<div
18+
class="avatar"
19+
style="
20+
background-color: #eee;
21+
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22+
width: 10em;
23+
height: 10em;
24+
margin: 5em auto 0;
25+
background-size: cover;
26+
border-radius: 50%;
27+
border: 0.25em solid white;
28+
"
29+
></div>
30+
</div>
3031
<div
3132
class="article-title"
3233
style="
33-
margin: 0 auto;
34+
margin: 6em auto 0;
3435
font-weight: bold;
3536
line-height: 2;
3637
text-align: center;
@@ -75,21 +76,17 @@
7576
style="
7677
display: inline-block;
7778
height: 3em;
79+
line-height: 3em;
7880
min-width: 8em;
7981
background: #fcc;
82+
color: #c33;
8083
border-radius: 3em;
8184
margin: 2em auto;
8285
"
8386
>
8487
<a
8588
target="_blank"
86-
style="
87-
height: 3em;
88-
line-height: 3em;
89-
color: #c33;
90-
text-decoration: none;
91-
padding: 0 1.5em;
92-
"
89+
style="color: #c33; text-decoration: none; padding: 0 1.5em"
9390
href="${VERIFY_URL}"
9491
>
9592
重置密码
@@ -99,11 +96,19 @@
9996

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

102-
<div style="color: #888; font-family: monospace; font-size: 0.8em">
99+
<div style="color: #888; font-size: 0.8em">
103100
<div>或者复制链接，并去浏览器打开</div>
104-
<a href="${VERIFY_URL}" style="text-decoration: none; color: #888"
105-
>${VERIFY_URL}</a
106-
>
101+
<div style="font-family: monospace">
102+
<a
103+
href="${VERIFY_URL}"
104+
style="
105+
text-decoration: none;
106+
color: #888;
107+
font-family: monospace;
108+
"
109+
>${VERIFY_URL}</a
110+
>
111+
</div>
107112
</div>
108113
</div>
109114
</div>

‎service/src/utils/templates/mail.template.html

Lines changed: 35 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -8,29 +8,30 @@
88
text-align: center;
99
"
1010
>
11-
<div class="main-wrapper">
11+
<div
12+
class="main-wrapper"
13+
style="display: flex; flex-flow: column nowrap; justify-content: center"
14+
>
1215
<!-- top area start -->
13-
<div
14-
class="header-wrapper"
15-
style="height: 10em; background: #fcc; justify-content: center"
16-
></div>
17-
<div
18-
class="avatar"
19-
style="
20-
background-color: #eee;
21-
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22-
width: 10em;
23-
height: 10em;
24-
margin: -5em auto 1em;
25-
background-size: cover;
26-
border-radius: 50%;
27-
border: 0.25em solid white;
28-
"
29-
></div>
16+
<div class="header-wrapper" style="height: 10em; background: #fcc">
17+
<div
18+
class="avatar"
19+
style="
20+
background-color: #eee;
21+
background-image: url('https://ghproxy.com/https://raw.githubusercontent.com/Chanzhaoyu/chatgpt-web/main/src/assets/avatar.jpg');
22+
width: 10em;
23+
height: 10em;
24+
margin: 5em auto 0;
25+
background-size: cover;
26+
border-radius: 50%;
27+
border: 0.25em solid white;
28+
"
29+
></div>
30+
</div>
3031
<div
3132
class="article-title"
3233
style="
33-
margin: 0 auto;
34+
margin: 6em auto 0;
3435
font-weight: bold;
3536
line-height: 2;
3637
text-align: center;
@@ -75,21 +76,17 @@
7576
style="
7677
display: inline-block;
7778
height: 3em;
79+
line-height: 3em;
7880
min-width: 8em;
7981
background: #fcc;
82+
color: #c33;
8083
border-radius: 3em;
8184
margin: 2em auto;
8285
"
8386
>
8487
<a
8588
target="_blank"
86-
style="
87-
height: 3em;
88-
line-height: 3em;
89-
color: #c33;
90-
text-decoration: none;
91-
padding: 0 1.5em;
92-
"
89+
style="color: #c33; text-decoration: none; padding: 0 1.5em"
9390
href="${VERIFY_URL}"
9491
>
9592
点我验证
@@ -99,11 +96,19 @@
9996

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

102-
<div style="color: #888; font-family: monospace; font-size: 0.8em">
99+
<div style="color: #888; font-size: 0.8em">
103100
<div>或者复制链接，并去浏览器打开</div>
104-
<a href="${VERIFY_URL}" style="text-decoration: none; color: #888"
105-
>${VERIFY_URL}</a
106-
>
101+
<div style="font-family: monospace">
102+
<a
103+
href="${VERIFY_URL}"
104+
style="
105+
text-decoration: none;
106+
color: #888;
107+
font-family: monospace;
108+
"
109+
>${VERIFY_URL}</a
110+
>
111+
</div>
107112
</div>
108113
</div>
109114
</div>

0 commit comments

Comments
 (0)