Skip to content

Commit d9b13f8

Browse files
lidarbtclidarbtc
committed
o
1 parent cdcbd8e commit d9b13f8

3 files changed

Lines changed: 433 additions & 300 deletions

File tree

‎apps/email_template/build_production/oko.html‎

Lines changed: 107 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -115,17 +115,32 @@
115115
</tr>
116116
<tr>
117117
<td>
118-
<table role="presentation" width="360" cellpadding="0" cellspacing="0" style="border-spacing: 0; height: 295px; width: 360px; max-width: 100%">
118+
<table role="presentation" width="360" align="center" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 360px; max-width: 100%">
119119
<tr>
120-
<td style="padding: 48px 32px; height: 295px; box-sizing: border-box; position: relative; border-radius: 16px; background-color: #fffffe">
121-
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-top-left.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; width: 16px; height: 16px; position: absolute; top: 10px; left: 10px">
122-
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-top-right.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; width: 16px; height: 16px; position: absolute; top: 10px; right: 10px">
123-
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-bottom-left.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; width: 16px; height: 16px; position: absolute; bottom: 10px; left: 10px">
124-
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-bottom-right.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; width: 16px; height: 16px; position: absolute; bottom: 10px; right: 10px">
120+
<td style="
121+
background-color: #ffffff;
122+
border-radius: 16px;
123+
">
125124
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-spacing: 0">
126125
<tr>
127-
<td>
128-
<table role="presentation" width="296" cellpadding="0" cellspacing="0" style="border-spacing: 0; height: 64px; margin-left: auto; margin-right: auto; width: 296px; max-width: 100%">
126+
<td align="left" style="
127+
padding: 10px 0 0 10px;
128+
">
129+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-top-left.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
130+
</td>
131+
<td align="right" style="
132+
padding: 10px 10px 0 0;
133+
">
134+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-top-right.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
135+
</td>
136+
</tr>
137+
</table>
138+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-spacing: 0">
139+
<tr>
140+
<td align="center" style="
141+
padding: 32px 32px 24px;
142+
">
143+
<table role="presentation" width="296" cellpadding="0" cellspacing="0" style="border-spacing: 0; margin-left: auto; margin-right: auto; width: 296px; max-width: 100%">
129144
<tr>
130145
<td style="height: 26px">
131146
<p style="font-family: Inter, Arial,
@@ -153,47 +168,88 @@
153168
</td>
154169
</tr>
155170
</table>
156-
</td>
157-
</tr>
158-
</table>
159-
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-spacing: 0">
160-
<tr>
161-
<td height="24" style="
162-
height: 24px;
163-
line-height: 24px;
164-
font-size: 0;
165-
">
166-
&nbsp;
167-
</td>
168-
</tr>
169-
<tr>
170-
<td align="center">
171-
<table role="presentation" width="109" cellpadding="0" cellspacing="0" style="
172-
width: 109px;
171+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="
173172
border-spacing: 0;
174173
">
175174
<tr>
176-
<td align="center" bgcolor="#1c1b1f" style="
177-
background-color: #1c1b1f;
178-
border-radius: 222px;
179-
height: 45px;
175+
<td height="24" style="
176+
height: 24px;
177+
line-height: 24px;
178+
font-size: 0;
180179
">
181-
<a href="{{ signInUrl }}" style="
182-
display: inline-block;
183-
padding: 12px 32px;
184-
font-family:
185-
Inter, Arial,
186-
sans-serif;
187-
font-weight: 500;
188-
font-size: 14px;
189-
line-height: 150%;
190-
letter-spacing: -0.01em;
191-
color: #fffffe;
192-
text-decoration: none;
193-
text-align: center;
180+
&nbsp;
181+
</td>
182+
</tr>
183+
<tr>
184+
<td align="center">
185+
<table role="presentation" width="109" cellpadding="0" cellspacing="0" style="
186+
width: 109px;
187+
border-spacing: 0;
194188
">
195-
Sign In
196-
</a>
189+
<tr>
190+
<td align="center" bgcolor="#1c1b1f" style="
191+
background-color: #1c1b1f;
192+
border-radius: 222px;
193+
height: 45px;
194+
">
195+
<a href="{{ signInUrl }}" style="
196+
display: inline-block;
197+
padding: 12px 32px;
198+
font-family:
199+
Inter,
200+
Arial,
201+
sans-serif;
202+
font-weight: 500;
203+
font-size: 14px;
204+
line-height: 150%;
205+
letter-spacing: -0.01em;
206+
color: #fffffe;
207+
text-decoration: none;
208+
text-align: center;
209+
">
210+
Sign In
211+
</a>
212+
</td>
213+
</tr>
214+
</table>
215+
</td>
216+
</tr>
217+
</table>
218+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="
219+
border-spacing: 0;
220+
">
221+
<tr>
222+
<td height="24" style="
223+
height: 24px;
224+
line-height: 24px;
225+
font-size: 0;
226+
">
227+
&nbsp;
228+
</td>
229+
</tr>
230+
<tr>
231+
<td align="center">
232+
<table role="presentation" width="296" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 296px; max-width: 100%">
233+
<tr>
234+
<td>
235+
<p style="font-family: Inter,
236+
Arial,
237+
sans-serif; letter-spacing: -0.01em; color: rgba(
238+
28,
239+
27,
240+
31,
241+
0.5
242+
); margin: 0; text-align: center; font-size: 14px; font-weight: 500; line-height: 150%">
243+
Please sign
244+
in and
245+
update your
246+
password
247+
after your
248+
first login.
249+
</p>
250+
</td>
251+
</tr>
252+
</table>
197253
</td>
198254
</tr>
199255
</table>
@@ -202,34 +258,15 @@
202258
</table>
203259
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-spacing: 0">
204260
<tr>
205-
<td height="24" style="
206-
height: 24px;
207-
line-height: 24px;
208-
font-size: 0;
261+
<td align="left" style="
262+
padding: 0 0 10px 10px;
209263
">
210-
&nbsp;
264+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-bottom-left.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
211265
</td>
212-
</tr>
213-
<tr>
214-
<td align="center">
215-
<table role="presentation" width="296" cellpadding="0" cellspacing="0" style="border-spacing: 0; height: 42px; width: 296px; max-width: 100%">
216-
<tr>
217-
<td>
218-
<p style="font-family: Inter, Arial,
219-
sans-serif; letter-spacing: -0.01em; color: rgba(
220-
28,
221-
27,
222-
31,
223-
0.5
224-
); margin: 0; text-align: center; font-size: 14px; font-weight: 500; line-height: 150%">
225-
Please sign in and
226-
update your
227-
password after
228-
your first login.
229-
</p>
230-
</td>
231-
</tr>
232-
</table>
266+
<td align="right" style="
267+
padding: 0 10px 10px 0;
268+
">
269+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-bottom-right.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
233270
</td>
234271
</tr>
235272
</table>

0 commit comments

Comments
 (0)