@mjhls/mjh-framework 1.0.157 → 1.0.158

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/dist/index.js CHANGED
@@ -10742,27 +10742,33 @@ var FigureComponent = function FigureComponent(_ref) {
10742
10742
  figureMargin = '0 auto 1rem';
10743
10743
  }
10744
10744
  if (imgFloat === 'left') {
10745
- figureMargin = '0 1.5rem 1.5rem 10%';
10745
+ figureMargin = '0 1.5rem 1.5rem 0';
10746
10746
  }
10747
10747
  if (imgFloat === 'right') {
10748
- figureMargin = '0 10% 1.5rem 1.5rem';
10748
+ figureMargin = '0 0 1.5rem 1.5rem';
10749
10749
  }
10750
10750
 
10751
10751
  var loadImg = function loadImg() {
10752
- if (widthP == 'auto') {
10753
- setimageWidth(imgElement.current.naturalWidth);
10754
- } else {
10755
- setimageWidth(widthP + '%');
10752
+ var screenWidth = window.innerWidth;
10753
+ if (screenWidth > 1000) {
10754
+ if (widthP === 'auto') {
10755
+ setimageWidth('30%');
10756
+ } else {
10757
+ setimageWidth(widthP + '%');
10758
+ }
10756
10759
  }
10757
10760
  };
10758
10761
 
10759
10762
  React.useEffect(function () {
10760
- if (widthP == 'auto') {
10761
- setimageWidth(imgElement.current.naturalWidth + 'px');
10762
- } else {
10763
- setimageWidth(widthP + '%');
10763
+ var screenWidth = window.innerWidth;
10764
+ if (screenWidth > 1000) {
10765
+ if (widthP === 'auto') {
10766
+ setimageWidth('30%');
10767
+ } else {
10768
+ setimageWidth(widthP + '%');
10769
+ }
10764
10770
  }
10765
- }, [imageWidth]);
10771
+ }, [widthP]);
10766
10772
 
10767
10773
  React.useEffect(function () {
10768
10774
  var screenWidth = window.innerWidth;
@@ -10776,7 +10782,7 @@ var FigureComponent = function FigureComponent(_ref) {
10776
10782
 
10777
10783
  return React__default.createElement(
10778
10784
  reactBootstrap.Figure,
10779
- { className: 'd-block text-center mb-3', style: { width: imageWidth, float: imgFloat, clear: 'both', margin: figureMargin, maxWidth: '100%' } },
10785
+ { className: 'd-block', style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imgFloat, margin: figureMargin } },
10780
10786
  link ? React__default.createElement(
10781
10787
  'a',
10782
10788
  { href: link, target: blank ? '_blank' : '_self' },