matt/mailship
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Update styling on confirmation failed page

Browse source
This commit is contained in:
mplorentz 2026-09-02 16:51:01 -04:00
parent 3a0aff2f30
commit ff8e1d7a0d
1 changed files with 41 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
src/pages/confirm-error.html
View file

@ -1,34 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Confirmation Failed</title> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Email Confirmation Failed</title>
<style> <style>
* { box-sizing: border-box; }
body { body {
font-family: system-ui, sans-serif; font-family: 'Inter', system-ui, -apple-system, sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
min-height: 100vh; min-height: 100vh;
margin: 0; margin: 0;
background: #f5f5f5; background: #f0f2f5;
color: #1e293b;
} }
.container { .container {
width: 100%;
max-width: 480px;
margin: 16px;
text-align: center; text-align: center;
padding: 2rem; padding: 40px 32px;
background: white; background: #ffffff;
border-radius: 8px; border-radius: 12px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); border: 1px solid #e2e8f0;
}
.logo { height: 40px; width: auto; margin: 0 auto 16px; display: block; }
.brand {
font-size: 24px;
font-weight: 700;
margin: 0 0 28px;
color: {{brandAccent}};
}
.title {
font-size: 20px;
font-weight: 700;
margin: 0 0 12px;
color: #dc2626;
} }
.message { .message {
margin-top: 1rem; font-size: 15px;
color: #e74c3c; line-height: 1.6;
color: #64748b;
margin: 0;
} }
.message a { color: {{brandAccent}}; text-decoration: none; font-weight: 600; }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h2>Confirmation Failed</h2> {{#brandLogo}}<img class="logo" src="{{brandLogo}}" alt="{{brandName}}" />{{/brandLogo}}
<div class="message">{{message}}</div> <div class="brand">{{brandName}}</div>
<h1 class="title">Email not confirmed</h1>
<p class="message">
{{message}}
<br /><br />
Visit <a href="{{settingsUrl}}">{{brandName}}</a> to try again or manage your subscription.
</p>
</div> </div>
</body> </body>
</html> </html>