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.es.js CHANGED
@@ -8023,7 +8023,7 @@ const useEmailStyles = createUseStyles(theme => ({
8023
8023
  borderSpacing: '0'
8024
8024
  },
8025
8025
  logoimg: {
8026
- width: '78px',
8026
+ width: 'auto',
8027
8027
  height: '48px'
8028
8028
  /* margin: 18px 0px; */
8029
8029
 
@@ -8095,7 +8095,9 @@ function Section({
8095
8095
  }, /*#__PURE__*/React.createElement("table", {
8096
8096
  className: classes.main,
8097
8097
  style: {
8098
- width: '100%'
8098
+ width: '100%',
8099
+ maxWidth: '600px',
8100
+ backgroundColor: '#ffffff'
8099
8101
  }
8100
8102
  }, /*#__PURE__*/React.createElement("tbody", null, customHtmlData?.isCustomHtml ? /*#__PURE__*/React.createElement("div", {
8101
8103
  className: classes.email_description_para,
@@ -8116,10 +8118,10 @@ function Section({
8116
8118
  }
8117
8119
  }, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8118
8120
  src: header?.components[0]?.metadata?.image,
8119
- alt: "" // className={classes.logoimg}
8120
- ,
8121
+ alt: "",
8121
8122
  style: {
8122
- width: '60px'
8123
+ width: 'auto',
8124
+ height: '48px'
8123
8125
  }
8124
8126
  }) : /*#__PURE__*/React.createElement("div", {
8125
8127
  style: {
@@ -8129,7 +8131,11 @@ function Section({
8129
8131
  fontStyle: 'italic',
8130
8132
  minHeight: '30px'
8131
8133
  }
8132
- }, "Your logo")))))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8134
+ }, "Your logo")))))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
8135
+ style: {
8136
+ textAlign: 'center'
8137
+ }
8138
+ }, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8133
8139
  src: header?.components[1]?.metadata?.image // width={600}
8134
8140
  ,
8135
8141
  alt: "",
@@ -8211,10 +8217,15 @@ function Section({
8211
8217
  padding: '32px',
8212
8218
  textAlign: 'center'
8213
8219
  }
8214
- }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8220
+ }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
8221
+ style: {
8222
+ textAlign: 'center'
8223
+ }
8224
+ }, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
8215
8225
  src: landing?.components[0]?.metadata?.image,
8216
8226
  alt: "",
8217
8227
  style: {
8228
+ maxWidth: '600px',
8218
8229
  width: '100%',
8219
8230
  borderRadius: '10px'
8220
8231
  }