@mjhls/mjh-framework 1.0.89 → 1.0.91

package/dist/index.js

@@ -6280,6 +6280,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index$$1, length
 };
 
 var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage) {
+
   return React__default.createElement(
     'div',
     null,
@@ -6294,13 +6295,22 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router$$1, currentPage, setCurrentPage);
           } },
         React__default.createElement(
-          reactBootstrap.Card,
-          { key: article._id ? article._id : index$$1 },
+          React__default.Fragment,
+          null,
           React__default.createElement(
-            reactBootstrap.Card.Body,
-            null,
+            reactBootstrap.Media,
+            { key: article._id ? article._id : index$$1, style: { marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
             React__default.createElement(
-              reactBootstrap.Media,
+              Link,
+              { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
+              React__default.createElement(
+                'a',
+                null,
+                React__default.createElement('img', { width: 200, height: 130, className: 'mr-3', src: urlFor(builder, article.thumbnail.asset).url(), style: { objectFit: 'cover' }, alt: article.title })
+              )
+            ),
+            React__default.createElement(
+              reactBootstrap.Media.Body,
               null,
               React__default.createElement(
                 Link,
@@ -6308,43 +6318,30 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 React__default.createElement(
                   'a',
                   null,
-                  React__default.createElement('img', { width: 200, height: 130, className: 'mr-3', src: urlFor(builder, article.thumbnail.asset).url(), style: { objectFit: 'cover' } })
+                  article.title && React__default.createElement(
+                    'h4',
+                    { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                    article.title
+                  )
                 )
               ),
-              React__default.createElement(
-                reactBootstrap.Media.Body,
-                null,
-                React__default.createElement(
-                  Link,
-                  { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
-                  React__default.createElement(
-                    'a',
-                    null,
-                    article.title && React__default.createElement(
-                      'h5',
-                      { className: 'card-title' },
-                      article.title
-                    )
-                  )
-                ),
-                article.published && React__default.createElement(
-                  'h6',
-                  { className: 'card-text' },
-                  moment(article.published).format('MMMM DD, YYYY')
-                ),
-                article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
-                  return React__default.createElement(
-                    'div',
-                    { className: 'card-text d-inline', key: index$$1 },
-                    renderAuthor(authorDetail.displayName, authorDetail.url, index$$1, article.authorDetails.length)
-                  );
-                })
+              article.published && React__default.createElement(
+                'p',
+                { className: 'card-text', style: { color: 'var(--gray)', marginBottom: '.25rem' } },
+                moment(article.published).format('MMMM DD, YYYY')
+              ),
+              article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
+                return React__default.createElement(
+                  'div',
+                  { className: 'card-text d-inline', key: index$$1 },
+                  renderAuthor(authorDetail.displayName, authorDetail.url, index$$1, article.authorDetails.length)
+                );
+              }),
+              article.summary && React__default.createElement(
+                'p',
+                { className: 'pt-2 card-text' },
+                article.summary
               )
-            ),
-            article.summary && React__default.createElement(
-              'p',
-              { className: 'pt-2 card-text' },
-              article.summary
             )
           )
         )
@@ -6379,6 +6376,7 @@ var usePrevious = function usePrevious(value) {
 };
 
 var QueueDeckExpanded = function QueueDeckExpanded(props) {
+
   var router$$1 = router.useRouter();
   var initialData = props.dataRecord,
       client = props.client,
@@ -8433,13 +8431,13 @@ var FigureComponent = function FigureComponent(_ref) {
   var imgFloat = alignment.toLowerCase() === 'center' ? 'none' : alignment.toLowerCase();
   var figureMargin = void 0;
   if (imgFloat === 'none') {
-    figureMargin = '0 auto 2rem';
+    figureMargin = '0 auto 1rem';
   }
   if (imgFloat === 'left') {
-    figureMargin = '0 2rem 2rem 0';
+    figureMargin = '0 1rem 1rem 10%';
   }
   if (imgFloat === 'right') {
-    figureMargin = '0 0 2rem 2rem';
+    figureMargin = '0 10% 1rem 1rem';
   }
   return React__default.createElement(
     reactBootstrap.Figure,
@@ -12049,13 +12047,13 @@ var Sidebar = function Sidebar(_ref) {
       content = _ref.content;
 
   return React__default.createElement(
-    reactBootstrap.Card,
-    { className: 'sidebar' },
+    'article',
+    { className: 'sidebar', style: { background: '#eee', marginRight: '10%', marginLeft: '1rem', width: '40%', padding: '1rem 0 0' } },
     React__default.createElement(
-      reactBootstrap.Card.Body,
+      'div',
       null,
       React__default.createElement(
-        reactBootstrap.Card.Title,
+        'h3',
         null,
         caption
       ),