Skip to content

Commit 24429c6

Browse files
lidarbtclidarbtc
committed
o
1 parent 44d52ee commit 24429c6

3 files changed

Lines changed: 115 additions & 60 deletions

File tree

‎apps/email_template/build_production/oko_code.html‎

Lines changed: 30 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
<div style="position: relative; width: 100%">
6767
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/code-header.png" width="584" alt="OKO header" style="vertical-align: middle; display: block; width: 584px; max-width: 100%; border-radius: 20px">
6868
</div>
69-
<div style="height: 633px; width: 100%">
69+
<div style="height: 685px; width: 100%">
7070
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="width: 100%; border-spacing: 0">
7171
<tr>
7272
<td align="center" valign="top" style="padding-top: 32px">
@@ -79,12 +79,27 @@
7979
<table role="presentation" width="360" cellpadding="0" cellspacing="0" style="height: 454px; border-spacing: 0; opacity: 1; width: 360px; max-width: 100%">
8080
<tr>
8181
<td>
82-
<p style="font-family: Inter, Arial, sans-serif; letter-spacing: -0.01em; color: #1c1b1f; margin: 0; font-size: 16px; font-weight: 500; line-height: 160%">
83-
Enter this code in your blah
84-
blah. The code is valid for
85-
${email_verification_expiration_minutes}
86-
minutes for your security.
87-
</p>
82+
<table role="presentation" width="360" cellpadding="0" cellspacing="0" style="height: 156px; border-spacing: 0; opacity: 1; width: 360px; max-width: 100%">
83+
<tr>
84+
<td style="height: 156px">
85+
<p style="font-family: Inter, Arial,
86+
sans-serif; letter-spacing: -0.01em; color: #1c1b1f; text-align: center; margin: 0; font-size: 16px; font-weight: 500; line-height: 160%">
87+
Hi there,
88+
<br>
89+
<br>
90+
Enter this code in the
91+
Oko dApp Dashboard to
92+
verify your email. You
93+
can update your password
94+
after verification.
95+
<br>
96+
The code is valid for
97+
<strong>${email_verification_expiration_minutes}
98+
minutes</strong>.
99+
</p>
100+
</td>
101+
</tr>
102+
</table>
88103
</td>
89104
</tr>
90105
<tr>
@@ -98,13 +113,13 @@
98113
</tr>
99114
<tr>
100115
<td>
101-
<table role="presentation" width="360" align="center" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 360px; max-width: 100%">
116+
<table role="presentation" width="360" align="center" cellpadding="0" cellspacing="0" style="border-spacing: 0; height: 182px; width: 360px; max-width: 100%">
102117
<tr>
103118
<td style="
104119
background-color: #ffffff;
105120
border-radius: 16px;
106121
width: 360px;
107-
height: 260px;
122+
height: 182px;
108123
gap: 24px;
109124
opacity: 1;
110125
">
@@ -129,7 +144,7 @@
129144
">
130145
<tr>
131146
<td align="center" style="
132-
padding: 48px 32px;
147+
padding: 0 32px;
133148
">
134149
<table role="presentation" width="296" cellpadding="0" cellspacing="0" style="height: 164px; border-spacing: 0; margin-left: auto; margin-right: auto; width: 296px; max-width: 100%">
135150
<tr>
@@ -140,10 +155,7 @@
140155
Arial,
141156
sans-serif; letter-spacing: -0.01em; color: #1c1b1f; margin: 0; text-align: center; font-size: 16px; font-weight: 500; line-height: 160%">
142157
Your 6-digit
143-
code for
144-
changing
145-
your
146-
password
158+
code
147159
</p>
148160
</td>
149161
</tr>
@@ -219,10 +231,10 @@
219231
</tr>
220232
<tr>
221233
<td>
222-
<p style="font-family: Inter, Arial, sans-serif; letter-spacing: -0.01em; color: #1c1b1f; margin: 0; font-size: 16px; font-weight: 500; line-height: 160%">
223-
If you didn't make this
224-
request, you can safely delete
225-
this email.
234+
<p style="font-family: Inter, Arial, sans-serif; letter-spacing: -0.01em; color: #1c1b1f; text-align: center; margin: 0; font-size: 16px; font-weight: 500; line-height: 160%">
235+
If you did not request this
236+
code, you can ignore this
237+
message.
226238
</p>
227239
</td>
228240
</tr>

‎apps/email_template/emails/oko_code.html‎

Lines changed: 55 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
"
4343
/>
4444
</div>
45-
<div class="w-full h-[633px]" style="height: 633px">
45+
<div class="w-full h-[685px]" style="height: 685px">
4646
<table
4747
role="presentation"
4848
width="100%"
@@ -102,23 +102,54 @@
102102
>
103103
<tr>
104104
<td>
105-
<p
106-
class="m-0 font-medium text-[16px] leading-[160%]"
105+
<table
106+
role="presentation"
107+
width="360"
108+
class="w-[360px] max-w-full"
109+
cellpadding="0"
110+
cellspacing="0"
107111
style="
108-
font-family:
109-
Inter, Arial, sans-serif;
110-
font-weight: 500;
111-
font-size: 16px;
112-
line-height: 160%;
113-
letter-spacing: -0.01em;
114-
color: #1c1b1f;
112+
width: 360px;
113+
height: 156px;
114+
max-width: 360px;
115+
border-spacing: 0;
116+
opacity: 1;
115117
"
116118
>
117-
Enter this code in your blah
118-
blah. The code is valid for
119-
${email_verification_expiration_minutes}
120-
minutes for your security.
121-
</p>
119+
<tr>
120+
<td style="height: 156px">
121+
<p
122+
class="m-0 font-medium text-[16px] leading-[160%]"
123+
style="
124+
font-family:
125+
Inter, Arial,
126+
sans-serif;
127+
font-weight: 500;
128+
font-size: 16px;
129+
line-height: 160%;
130+
letter-spacing: -0.01em;
131+
color: #1c1b1f;
132+
text-align: center;
133+
"
134+
>
135+
Hi there,
136+
<br />
137+
<br />
138+
Enter this code in the
139+
Oko dApp Dashboard to
140+
verify your email. You
141+
can update your password
142+
after verification.
143+
<br />
144+
The code is valid for
145+
<strong
146+
>${email_verification_expiration_minutes}
147+
minutes</strong
148+
>.
149+
</p>
150+
</td>
151+
</tr>
152+
</table>
122153
</td>
123154
</tr>
124155
<tr>
@@ -146,6 +177,7 @@
146177
width: 360px;
147178
max-width: 360px;
148179
border-spacing: 0;
180+
height: 182px;
149181
"
150182
>
151183
<tr>
@@ -154,7 +186,7 @@
154186
background-color: #ffffff;
155187
border-radius: 16px;
156188
width: 360px;
157-
height: 260px;
189+
height: 182px;
158190
gap: 24px;
159191
opacity: 1;
160192
"
@@ -225,8 +257,8 @@
225257
<td
226258
align="center"
227259
style="
228-
padding: 48px 32px
229-
48px 32px;
260+
padding: 0 32px 0
261+
32px;
230262
"
231263
>
232264
<table
@@ -264,10 +296,7 @@
264296
"
265297
>
266298
Your 6-digit
267-
code for
268-
changing
269-
your
270-
password
299+
code
271300
</p>
272301
</td>
273302
</tr>
@@ -427,11 +456,12 @@
427456
line-height: 160%;
428457
letter-spacing: -0.01em;
429458
color: #1c1b1f;
459+
text-align: center;
430460
"
431461
>
432-
If you didn't make this
433-
request, you can safely delete
434-
this email.
462+
If you did not request this
463+
code, you can ignore this
464+
message.
435465
</p>
436466
</td>
437467
</tr>

0 commit comments

Comments
 (0)