|
12 | 12 | padding: 20px; |
13 | 13 | } |
14 | 14 |
|
15 | | - .outer { |
16 | | - background-image: url('cid:background-image'); |
17 | | - background-repeat: repeat; |
18 | | - background-size: 268px 462px; |
19 | | - width: 100%; |
20 | | - height: 100%; |
21 | | - } |
22 | | -
|
23 | 15 | .container { |
24 | 16 | background-color: #ffffff; |
25 | 17 | max-width: 500px; |
|
40 | 32 | margin-top: 20px; |
41 | 33 | font-size: 16px; |
42 | 34 | color: #ffffff; |
43 | | - background-color: #28a745; |
| 35 | + background-color: #007bff; |
44 | 36 | text-decoration: none; |
45 | 37 | border-radius: 5px; |
46 | 38 | } |
47 | 39 |
|
48 | 40 | .btn:hover { |
49 | | - background-color: #218838; |
| 41 | + background-color: #0056b3; |
50 | 42 | } |
51 | 43 |
|
52 | 44 | .footer { |
|
58 | 50 | </head> |
59 | 51 |
|
60 | 52 | <body> |
61 | | - <div class="outer"> |
62 | | - <div class="container"> |
63 | | - <img src="cid:logo" alt="OpenNoteBlockWorld Logo" class="logo"> |
64 | | - <h1>Welcome, {{username}}!</h1> |
65 | | - <p>Click the button below to log in to your account:</p> |
66 | | - <a href="{{magicLink}}" class="btn">Login</a> |
67 | | - <p>If you did not request this login link, please ignore this email.</p> |
68 | | - <footer class="footer"> |
69 | | - <p>OpenNoteBlockWorld</p> |
70 | | - </footer> |
71 | | - </div> |
| 53 | + <div class="container"> |
| 54 | + <img src="cid:logo" alt="OpenNoteBlockWorld Logo" class="logo"> |
| 55 | + <h1>Welcome, {{username}}!</h1> |
| 56 | + <p>Click the button below to log in to your account:</p> |
| 57 | + <a href="{{magicLink}}" class="btn">Login</a> |
| 58 | + <p>If you did not request this login link, please ignore this email.</p> |
| 59 | + <footer class="footer"> |
| 60 | + <p>OpenNoteBlockWorld</p> |
| 61 | + </footer> |
72 | 62 | </div> |
73 | 63 | </body> |
74 | 64 |
|
|
0 commit comments