Improve OTP email visibility by making code the prominent h1 heading
- Move OTP code to top of email as large h1 element - Increase font size to 3em for better readability - Add letter spacing and bold styling for clarity - Demote greeting text to regular paragraph
This commit is contained in:
parent
789acae6fa
commit
e4ec3e0d5e
1 changed files with 10 additions and 2 deletions
|
|
@ -12,11 +12,19 @@ WELCOME_1_HTML = """
|
|||
<html>
|
||||
<head>
|
||||
<title>{0}</title>
|
||||
<style>
|
||||
.otp-code {{
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.1em;
|
||||
margin: 1em 0;
|
||||
}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Hey there!</h2>
|
||||
<h1 class="otp-code">{1}</h1>
|
||||
|
||||
<p><b>{1}</b></p>
|
||||
<p>Hey there!</p>
|
||||
|
||||
<p>
|
||||
Here is the verification code you requested.
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue