@mjhls/mjh-framework 1.0.369 → 1.0.370
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/README.md +1 -1
- package/dist/cjs/index.js +6 -6
- package/dist/esm/index.js +6 -6
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -15204,7 +15204,8 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15204
15204
|
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
15205
15205
|
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
|
|
15206
15206
|
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
15207
|
-
}
|
|
15207
|
+
}
|
|
15208
|
+
if (props.thumbnail) {
|
|
15208
15209
|
topArticleThumbnail = props.thumbnail;
|
|
15209
15210
|
}
|
|
15210
15211
|
|
|
@@ -15227,7 +15228,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15227
15228
|
React__default.createElement(
|
|
15228
15229
|
'a',
|
|
15229
15230
|
{ href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
|
|
15230
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
15231
|
+
React__default.createElement('img', { style: { objectFit: props.imageSize ? props.imageSize : 'cover' }, src: topArticleThumbnail, alt: topArticleAltText })
|
|
15231
15232
|
),
|
|
15232
15233
|
React__default.createElement(
|
|
15233
15234
|
'div',
|
|
@@ -15260,21 +15261,20 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15260
15261
|
React__default.createElement(
|
|
15261
15262
|
'a',
|
|
15262
15263
|
{ href: props.linkTo },
|
|
15263
|
-
'View More
|
|
15264
|
-
heroTitle,
|
|
15264
|
+
props.linkTitle ? props.linkTitle : 'View More' + heroTitle,
|
|
15265
15265
|
' ',
|
|
15266
15266
|
' ',
|
|
15267
15267
|
React__default.createElement(
|
|
15268
15268
|
'span',
|
|
15269
15269
|
null,
|
|
15270
|
-
React__default.createElement(Ustream.FaLongArrowAltRight,
|
|
15270
|
+
React__default.createElement(Ustream.FaLongArrowAltRight, { color: 'var(--primary)' })
|
|
15271
15271
|
)
|
|
15272
15272
|
)
|
|
15273
15273
|
),
|
|
15274
15274
|
React__default.createElement(
|
|
15275
15275
|
'style',
|
|
15276
15276
|
{ jsx: 'true' },
|
|
15277
|
-
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right:
|
|
15277
|
+
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right: 1rem;\n font-weight: bold;\n }\n .horizontal-hero-inner {\n display: flex;\n flex-direction: row;\n padding-top: 0.75rem;\n margin-top: 0.75rem;\n }\n\n .horizontal-articles-wrap {\n padding: 0 1rem;\n flex-basis: 60%;\n }\n\n .horizontal-hero-img {\n flex-basis: 40%;\n }\n .horizontal-hero-img img {\n width: 100%;\n height: 100%;\n \n }\n .horizontal-article {\n border-bottom: 1px solid #ccc;\n display: block;\n margin-bottom: 0.5rem;\n }\n .horizontal-article:hover {\n background: #eee;\n }\n .horizontal-article p {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n font-weight: bold;\n color: #252525;\n }\n .horizontal-view-more {\n position: absolute;\n right: 0;\n margin-top: 0.25rem;\n font-weight: bold;\n }\n .horizontal-view-more span {\n display: inline-block;\n color: rgb(81, 116, 153);\n font-size: 1.2rem;\n }\n @media screen and (max-width: 1191px){\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n \n @media screen and (max-width: 768px) {\n .horizontal-hero-img {\n display: none;\n }\n .horizontal-articles-wrap {\n \n flex-basis: 100%;\n }\n }\n @media screen and (max-width: 495px) {\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n '
|
|
15278
15278
|
)
|
|
15279
15279
|
);
|
|
15280
15280
|
};
|
package/dist/esm/index.js
CHANGED
|
@@ -15201,7 +15201,8 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15201
15201
|
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
15202
15202
|
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
|
|
15203
15203
|
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
15204
|
-
}
|
|
15204
|
+
}
|
|
15205
|
+
if (props.thumbnail) {
|
|
15205
15206
|
topArticleThumbnail = props.thumbnail;
|
|
15206
15207
|
}
|
|
15207
15208
|
|
|
@@ -15224,7 +15225,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15224
15225
|
React__default.createElement(
|
|
15225
15226
|
'a',
|
|
15226
15227
|
{ href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
|
|
15227
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
15228
|
+
React__default.createElement('img', { style: { objectFit: props.imageSize ? props.imageSize : 'cover' }, src: topArticleThumbnail, alt: topArticleAltText })
|
|
15228
15229
|
),
|
|
15229
15230
|
React__default.createElement(
|
|
15230
15231
|
'div',
|
|
@@ -15257,21 +15258,20 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15257
15258
|
React__default.createElement(
|
|
15258
15259
|
'a',
|
|
15259
15260
|
{ href: props.linkTo },
|
|
15260
|
-
'View More
|
|
15261
|
-
heroTitle,
|
|
15261
|
+
props.linkTitle ? props.linkTitle : 'View More' + heroTitle,
|
|
15262
15262
|
' ',
|
|
15263
15263
|
' ',
|
|
15264
15264
|
React__default.createElement(
|
|
15265
15265
|
'span',
|
|
15266
15266
|
null,
|
|
15267
|
-
React__default.createElement(FaLongArrowAltRight,
|
|
15267
|
+
React__default.createElement(FaLongArrowAltRight, { color: 'var(--primary)' })
|
|
15268
15268
|
)
|
|
15269
15269
|
)
|
|
15270
15270
|
),
|
|
15271
15271
|
React__default.createElement(
|
|
15272
15272
|
'style',
|
|
15273
15273
|
{ jsx: 'true' },
|
|
15274
|
-
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right:
|
|
15274
|
+
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right: 1rem;\n font-weight: bold;\n }\n .horizontal-hero-inner {\n display: flex;\n flex-direction: row;\n padding-top: 0.75rem;\n margin-top: 0.75rem;\n }\n\n .horizontal-articles-wrap {\n padding: 0 1rem;\n flex-basis: 60%;\n }\n\n .horizontal-hero-img {\n flex-basis: 40%;\n }\n .horizontal-hero-img img {\n width: 100%;\n height: 100%;\n \n }\n .horizontal-article {\n border-bottom: 1px solid #ccc;\n display: block;\n margin-bottom: 0.5rem;\n }\n .horizontal-article:hover {\n background: #eee;\n }\n .horizontal-article p {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n font-weight: bold;\n color: #252525;\n }\n .horizontal-view-more {\n position: absolute;\n right: 0;\n margin-top: 0.25rem;\n font-weight: bold;\n }\n .horizontal-view-more span {\n display: inline-block;\n color: rgb(81, 116, 153);\n font-size: 1.2rem;\n }\n @media screen and (max-width: 1191px){\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n \n @media screen and (max-width: 768px) {\n .horizontal-hero-img {\n display: none;\n }\n .horizontal-articles-wrap {\n \n flex-basis: 100%;\n }\n }\n @media screen and (max-width: 495px) {\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n '
|
|
15275
15275
|
)
|
|
15276
15276
|
);
|
|
15277
15277
|
};
|