chahine/rebreak-monorepo
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(mail-templates): banner layout — icon left, wordmark centered

Browse Source 
Vorher: Icon und 'ReBreak'-Wordmark untereinander (vertikal gestapelt).
Jetzt: 3-Spalten-Tabelle — Icon links (48x48), Wordmark mittig,
gleichgroßer Spacer rechts (52px) für visuelle Mitte.

Icon-Größe von 64x64 → 48x48 reduziert für besseres Höhen-Verhältnis.
This commit is contained in:
chahinebrini 2026-05-19 13:34:25 +02:00
parent f2545738ee
commit a8e094be9d
5 changed files with 60 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
backend/public/templates/confirmation.html
View File

@ -15,9 +15,18 @@
<tr><td align="center" style="padding:32px 16px;"> <tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;"> <tr><td style="padding:24px 24px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div> <tr>
<td width="52" align="left" valign="middle" style="padding-right:16px;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="48" height="48" alt="ReBreak" style="display:block;border-radius:12px;">
</td>
<td align="center" valign="middle">
<div style="color:#ffffff;font-size:24px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td>
<td width="52" valign="middle">&nbsp;</td>
</tr>
</table>
</td></tr> </td></tr>
<tr><td style="padding:32px 24px;"> <tr><td style="padding:32px 24px;">

15
backend/public/templates/email_change.html
View File

@ -15,9 +15,18 @@
<tr><td align="center" style="padding:32px 16px;"> <tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;"> <tr><td style="padding:24px 24px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div> <tr>
<td width="52" align="left" valign="middle" style="padding-right:16px;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="48" height="48" alt="ReBreak" style="display:block;border-radius:12px;">
</td>
<td align="center" valign="middle">
<div style="color:#ffffff;font-size:24px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td>
<td width="52" valign="middle">&nbsp;</td>
</tr>
</table>
</td></tr> </td></tr>
<tr><td style="padding:32px 24px;"> <tr><td style="padding:32px 24px;">

15
backend/public/templates/invite.html
View File

@ -15,9 +15,18 @@
<tr><td align="center" style="padding:32px 16px;"> <tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;"> <tr><td style="padding:24px 24px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div> <tr>
<td width="52" align="left" valign="middle" style="padding-right:16px;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="48" height="48" alt="ReBreak" style="display:block;border-radius:12px;">
</td>
<td align="center" valign="middle">
<div style="color:#ffffff;font-size:24px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td>
<td width="52" valign="middle">&nbsp;</td>
</tr>
</table>
</td></tr> </td></tr>
<tr><td style="padding:32px 24px;"> <tr><td style="padding:32px 24px;">

15
backend/public/templates/magic_link.html
View File

@ -15,9 +15,18 @@
<tr><td align="center" style="padding:32px 16px;"> <tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;"> <tr><td style="padding:24px 24px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div> <tr>
<td width="52" align="left" valign="middle" style="padding-right:16px;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="48" height="48" alt="ReBreak" style="display:block;border-radius:12px;">
</td>
<td align="center" valign="middle">
<div style="color:#ffffff;font-size:24px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td>
<td width="52" valign="middle">&nbsp;</td>
</tr>
</table>
</td></tr> </td></tr>
<tr><td style="padding:32px 24px;"> <tr><td style="padding:32px 24px;">

15
backend/public/templates/recovery.html
View File

@ -15,9 +15,18 @@
<tr><td align="center" style="padding:32px 16px;"> <tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;"> <tr><td style="padding:24px 24px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;"> <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div> <tr>
<td width="52" align="left" valign="middle" style="padding-right:16px;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="48" height="48" alt="ReBreak" style="display:block;border-radius:12px;">
</td>
<td align="center" valign="middle">
<div style="color:#ffffff;font-size:24px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td>
<td width="52" valign="middle">&nbsp;</td>
</tr>
</table>
</td></tr> </td></tr>
<tr><td style="padding:32px 24px;"> <tr><td style="padding:32px 24px;">