diy-template-components 0.2.11 → 0.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -8038,7 +8038,7 @@ const useEmailStyles = createUseStyles(theme => ({
8038
8038
  borderSpacing: '0'
8039
8039
  },
8040
8040
  logoimg: {
8041
- width: '78px',
8041
+ width: 'auto',
8042
8042
  height: '48px'
8043
8043
  /* margin: 18px 0px; */
8044
8044
 
@@ -8110,7 +8110,9 @@ function Section({
8110
8110
  }, /*#__PURE__*/React__default["default"].createElement("table", {
8111
8111
  className: classes.main,
8112
8112
  style: {
8113
- width: '100%'
8113
+ width: '100%',
8114
+ maxWidth: '600px',
8115
+ backgroundColor: '#ffffff'
8114
8116
  }
8115
8117
  }, /*#__PURE__*/React__default["default"].createElement("tbody", null, customHtmlData?.isCustomHtml ? /*#__PURE__*/React__default["default"].createElement("div", {
8116
8118
  className: classes.email_description_para,
@@ -8131,10 +8133,10 @@ function Section({
8131
8133
  }
8132
8134
  }, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React__default["default"].createElement("img", {
8133
8135
  src: header?.components[0]?.metadata?.image,
8134
- alt: "" // className={classes.logoimg}
8135
- ,
8136
+ alt: "",
8136
8137
  style: {
8137
- width: '60px'
8138
+ width: 'auto',
8139
+ height: '48px'
8138
8140
  }
8139
8141
  }) : /*#__PURE__*/React__default["default"].createElement("div", {
8140
8142
  style: {
@@ -8144,7 +8146,11 @@ function Section({
8144
8146
  fontStyle: 'italic',
8145
8147
  minHeight: '30px'
8146
8148
  }
8147
- }, "Your logo")))))), /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React__default["default"].createElement("img", {
8149
+ }, "Your logo")))))), /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
8150
+ style: {
8151
+ textAlign: 'center'
8152
+ }
8153
+ }, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React__default["default"].createElement("img", {
8148
8154
  src: header?.components[1]?.metadata?.image // width={600}
8149
8155
  ,
8150
8156
  alt: "",
@@ -8226,10 +8232,15 @@ function Section({
8226
8232
  padding: '32px',
8227
8233
  textAlign: 'center'
8228
8234
  }
8229
- }, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React__default["default"].createElement("img", {
8235
+ }, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
8236
+ style: {
8237
+ textAlign: 'center'
8238
+ }
8239
+ }, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React__default["default"].createElement("img", {
8230
8240
  src: landing?.components[0]?.metadata?.image,
8231
8241
  alt: "",
8232
8242
  style: {
8243
+ maxWidth: '600px',
8233
8244
  width: '100%',
8234
8245
  borderRadius: '10px'
8235
8246
  }