padding mail and fix border
This commit is contained in:
@@ -442,12 +442,8 @@ export const exportPersonalityToHTML = async (
|
|||||||
<tr>
|
<tr>
|
||||||
<td style="padding: ${
|
<td style="padding: ${
|
||||||
section.padding || "0px"
|
section.padding || "0px"
|
||||||
}; margin: 0; border-radius: 24px; vertical-align: top; ${generateBorderStyle(
|
}; margin: 0; border-radius: 24px; vertical-align: top;">
|
||||||
section.border
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0;">
|
||||||
)}">
|
|
||||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; ${generateBorderStyle(
|
|
||||||
section.border
|
|
||||||
)}">
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
${Array.from(
|
${Array.from(
|
||||||
@@ -492,9 +488,7 @@ export const exportPersonalityToHTML = async (
|
|||||||
};`
|
};`
|
||||||
: ""
|
: ""
|
||||||
} padding: 0; vertical-align: top; border-radius: 8px; position: relative;">
|
} padding: 0; vertical-align: top; border-radius: 8px; position: relative;">
|
||||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; height: ${sectionHeight}; ${generateBorderStyle(
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; height: ${sectionHeight};">
|
||||||
section.border
|
|
||||||
)}">
|
|
||||||
<tbody>`;
|
<tbody>`;
|
||||||
|
|
||||||
// اگر محتوایی وجود دارد (متن، دکمه، تصویر، یا شبکه اجتماعی)
|
// اگر محتوایی وجود دارد (متن، دکمه، تصویر، یا شبکه اجتماعی)
|
||||||
@@ -515,7 +509,7 @@ export const exportPersonalityToHTML = async (
|
|||||||
item.buttons[0]
|
item.buttons[0]
|
||||||
)}; vertical-align: ${getButtonVerticalAlign(
|
)}; vertical-align: ${getButtonVerticalAlign(
|
||||||
item.buttons[0]
|
item.buttons[0]
|
||||||
)}; ${generateBorderStyle(section.border)}">
|
)};">
|
||||||
${renderImages(item?.images || [])}
|
${renderImages(item?.images || [])}
|
||||||
${renderSocials(item?.socials || [])}
|
${renderSocials(item?.socials || [])}
|
||||||
${
|
${
|
||||||
@@ -554,9 +548,7 @@ export const exportPersonalityToHTML = async (
|
|||||||
: "middle"
|
: "middle"
|
||||||
: "middle";
|
: "middle";
|
||||||
result += `<tr>
|
result += `<tr>
|
||||||
<td width="100%" height="${mainHeight}" align="${textAlignment}" valign="${textVerticalAlignment}" style="padding: 20px; text-align: ${textAlignment}; vertical-align: ${textVerticalAlignment}; font-size: 15px; line-height: 1.8; ${generateBorderStyle(
|
<td width="100%" height="${mainHeight}" align="${textAlignment}" valign="${textVerticalAlignment}" style="padding: 4px; text-align: ${textAlignment}; vertical-align: ${textVerticalAlignment}; font-size: 15px; line-height: 1.8;">
|
||||||
section.border
|
|
||||||
)}">
|
|
||||||
${renderTexts(item?.texts || [])}
|
${renderTexts(item?.texts || [])}
|
||||||
${renderImages(item?.images || [])}
|
${renderImages(item?.images || [])}
|
||||||
${renderSocials(item?.socials || [])}
|
${renderSocials(item?.socials || [])}
|
||||||
@@ -582,7 +574,7 @@ export const exportPersonalityToHTML = async (
|
|||||||
item.buttons[0]
|
item.buttons[0]
|
||||||
)}; vertical-align: ${getButtonVerticalAlign(
|
)}; vertical-align: ${getButtonVerticalAlign(
|
||||||
item.buttons[0]
|
item.buttons[0]
|
||||||
)}; ${generateBorderStyle(section.border)}">
|
)};">
|
||||||
${renderButtons(item.buttons)}
|
${renderButtons(item.buttons)}
|
||||||
</td>
|
</td>
|
||||||
</tr>`;
|
</tr>`;
|
||||||
@@ -606,9 +598,7 @@ export const exportPersonalityToHTML = async (
|
|||||||
30
|
30
|
||||||
);
|
);
|
||||||
result += `<tr>
|
result += `<tr>
|
||||||
<td width="100%" height="${emptyHeight}" style="padding: 20px; text-align: right; vertical-align: top; font-size: 15px; line-height: 1.8; ${generateBorderStyle(
|
<td width="100%" height="${emptyHeight}" style="padding: 4px; text-align: right; vertical-align: top; font-size: 15px; line-height: 1.8;">
|
||||||
section.border
|
|
||||||
)}">
|
|
||||||
<div style="margin: 0; text-align: right; color: #888; font-size: 14px;">{{content}}</div>
|
<div style="margin: 0; text-align: right; color: #888; font-size: 14px;">{{content}}</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>`;
|
</tr>`;
|
||||||
@@ -665,7 +655,7 @@ export const exportPersonalityToHTML = async (
|
|||||||
<tr>
|
<tr>
|
||||||
<td style="height: ${displayHeight}; margin: 0; border-radius: 24px; text-align: right; vertical-align: middle; padding: ${
|
<td style="height: ${displayHeight}; margin: 0; border-radius: 24px; text-align: right; vertical-align: middle; padding: ${
|
||||||
section.padding || "0px"
|
section.padding || "0px"
|
||||||
}; ${generateBorderStyle(section.border)}">
|
};">
|
||||||
<div style="color: #888; font-size: 14px; margin: 0; padding: 0;">
|
<div style="color: #888; font-size: 14px; margin: 0; padding: 0;">
|
||||||
${emptyMessage}
|
${emptyMessage}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user