Centre et agrandit les boutons des emails

This commit is contained in:
Michael committed 2026-07-17 00:58:36 +02:00
1 parent ed99b67926
commit 644028cea3
2 files changed
+4 -8

No files matched your search

+2 -4
View File
@@ -27,10 +27,8 @@ function ctaButton(url, label) {
if (!url || !label) return ''; if (!url || !label) return '';
return ` return `
<table role="presentation" width="300" cellpadding="0" cellspacing="0" border="0" style="width:300px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;"> <table role="presentation" width="300" cellpadding="0" cellspacing="0" border="0" style="width:300px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr><td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;color:#FFFFFF;text-decoration:none;"> <tr><td width="300" height="56" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:56px;background-color:#C1272D;text-align:center;vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;line-height:56px;mso-line-height-rule:exactly;color:#FFFFFF;text-decoration:none;mso-padding-alt:0;">
<center style="width:100%;text-align:center;line-height:48px;mso-line-height-rule:exactly;color:#FFFFFF;text-decoration:none;"> <a class="sbc-cta" href="${esc(url)}" target="_blank" style="display:block;width:300px;height:56px;color:#FFFFFF !important;mso-themecolor:background1;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;line-height:56px;mso-line-height-rule:exactly;text-align:center;text-decoration:none !important;text-underline:none;mso-style-priority:99;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><span style="display:block;width:300px;height:56px;line-height:56px;mso-line-height-rule:exactly;text-align:center;color:#FFFFFF !important;mso-themecolor:background1;text-decoration:none !important;text-underline:none;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF" style="color:#FFFFFF !important;font-size:18px;line-height:56px;text-decoration:none !important;text-underline:none;"><b>${esc(label)}</b></font></span></a>
<a class="sbc-cta" href="${esc(url)}" target="_blank" style="display:inline-block;color:#FFFFFF !important;mso-themecolor:background1;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;line-height:48px;text-align:center;text-decoration:none !important;text-underline:none;mso-style-priority:99;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><span style="color:#FFFFFF !important;mso-themecolor:background1;text-decoration:none !important;text-underline:none;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF" style="color:#FFFFFF !important;font-size:15px;text-decoration:none !important;text-underline:none;"><b>${esc(label)}</b></font></span></a>
</center>
</td></tr> </td></tr>
</table>`; </table>`;
} }
+2 -4
View File
@@ -83,10 +83,8 @@ export function buildInvitationEmail({ rencontre, baseUrl, texts = {}, associati
const ctaButton = (url, label) => ` const ctaButton = (url, label) => `
<table role="presentation" width="300" cellpadding="0" cellspacing="0" border="0" style="width:300px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;"> <table role="presentation" width="300" cellpadding="0" cellspacing="0" border="0" style="width:300px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr> <tr>
<td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;color:#FFFFFF;text-decoration:none;"> <td width="300" height="56" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:56px;background-color:#C1272D;text-align:center;vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;line-height:56px;mso-line-height-rule:exactly;color:#FFFFFF;text-decoration:none;mso-padding-alt:0;">
<center style="width:100%;text-align:center;line-height:48px;mso-line-height-rule:exactly;color:#FFFFFF;text-decoration:none;"> <a class="sbc-cta" href="${esc(url)}" target="_blank" title="Ouvrir l'inscription" style="display:block;width:300px;height:56px;color:#FFFFFF !important;mso-themecolor:background1;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;line-height:56px;mso-line-height-rule:exactly;text-align:center;text-decoration:none !important;text-underline:none;mso-style-priority:99;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><span style="display:block;width:300px;height:56px;line-height:56px;mso-line-height-rule:exactly;text-align:center;color:#FFFFFF !important;mso-themecolor:background1;text-decoration:none !important;text-underline:none;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF" style="color:#FFFFFF !important;font-size:18px;line-height:56px;text-decoration:none !important;text-underline:none;"><b>${label}</b></font></span></a>
<a class="sbc-cta" href="${esc(url)}" target="_blank" title="Ouvrir l'inscription" style="display:inline-block;color:#FFFFFF !important;mso-themecolor:background1;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;line-height:48px;text-align:center;text-decoration:none !important;text-underline:none;mso-style-priority:99;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><span style="color:#FFFFFF !important;mso-themecolor:background1;text-decoration:none !important;text-underline:none;mso-style-textfill-type:solid;mso-style-textfill-fill-color:#FFFFFF;mso-style-textfill-fill-alpha:100%;"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF" style="color:#FFFFFF !important;font-size:15px;text-decoration:none !important;text-underline:none;"><b>${label}</b></font></span></a>
</center>
</td> </td>
</tr> </tr>
</table>`; </table>`;