@mjhls/mjh-framework 1.0.487 → 1.0.489
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/EventsDeck.js +10 -0
- package/dist/cjs/GroupDeck.js +5 -5
- package/dist/cjs/getSerializers.js +1 -1
- package/dist/esm/EventsDeck.js +10 -0
- package/dist/esm/GroupDeck.js +5 -5
- package/dist/esm/getSerializers.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/cjs/EventsDeck.js
CHANGED
|
@@ -259,6 +259,7 @@ var EventsDeck = function EventsDeck(_ref) {
|
|
|
259
259
|
var startDay = index$3.momentTimezone(start).tz(timezone).format();
|
|
260
260
|
var endDay = index$3.momentTimezone(end).tz(timezone).format();
|
|
261
261
|
var showEndTime = index$3.momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + index$3.momentTimezone(end).tz(timezone).format('LLL zz') : null;
|
|
262
|
+
var isCompleted = row.status === 'Completed';
|
|
262
263
|
return React__default.createElement(
|
|
263
264
|
React__default.Fragment,
|
|
264
265
|
{ key: index },
|
|
@@ -282,6 +283,15 @@ var EventsDeck = function EventsDeck(_ref) {
|
|
|
282
283
|
renderRegisterButton(_links)
|
|
283
284
|
)
|
|
284
285
|
),
|
|
286
|
+
isCompleted && _links && React__default.createElement(
|
|
287
|
+
Row,
|
|
288
|
+
null,
|
|
289
|
+
React__default.createElement(
|
|
290
|
+
Col,
|
|
291
|
+
null,
|
|
292
|
+
renderLearnMoreButton(_links)
|
|
293
|
+
)
|
|
294
|
+
),
|
|
285
295
|
discussionTopic && React__default.createElement(
|
|
286
296
|
Row,
|
|
287
297
|
null,
|
package/dist/cjs/GroupDeck.js
CHANGED
|
@@ -103,8 +103,8 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
103
103
|
var slide = e.target.parentElement;
|
|
104
104
|
var scrollOffset = scrollPosition;
|
|
105
105
|
var viewableWidth = slide.clientWidth;
|
|
106
|
-
//calculate viewable size / slide
|
|
107
|
-
var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
|
|
106
|
+
//calculate viewable size / slide
|
|
107
|
+
var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
|
|
108
108
|
var scrollDirection = void 0;
|
|
109
109
|
if (direction === 'next') {
|
|
110
110
|
scrollDirection = scrollOffset + numberOfSlidesToScroll;
|
|
@@ -147,14 +147,14 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
147
147
|
React__default.createElement(
|
|
148
148
|
'div',
|
|
149
149
|
{ className: 'row' },
|
|
150
|
-
React__default.createElement(
|
|
150
|
+
showScroller && showScroller && React__default.createElement(
|
|
151
151
|
'div',
|
|
152
152
|
{ onClick: function onClick(e) {
|
|
153
153
|
return scrollSlider(e, 'prev');
|
|
154
154
|
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
155
155
|
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
156
156
|
),
|
|
157
|
-
React__default.createElement(
|
|
157
|
+
showScroller && showScroller && React__default.createElement(
|
|
158
158
|
'div',
|
|
159
159
|
{ onClick: function onClick(e) {
|
|
160
160
|
return scrollSlider(e, 'next');
|
|
@@ -277,7 +277,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
277
277
|
React__default.createElement(
|
|
278
278
|
'style',
|
|
279
279
|
{ jsx: 'true' },
|
|
280
|
-
'\n #vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n #vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 0!important;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider,\n #vidHolder {\n max-width: 805px;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow-x: scroll;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 25px 0
|
|
280
|
+
'\n #vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n #vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 0 !important;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider,\n #vidHolder {\n max-width: 805px;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow-x: scroll;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 25px 0 70px !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n #vid-slider .tile {\n position: relative;\n display: inline-block;\n\n margin: 0 12px;\n font-size: 20px;\n cursor: pointer;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n\n #vid-slider .tile:first-child {\n margin-left: 15px;\n }\n #vid-slider .tile__img {\n height: auto;\n -o-object-fit: contain;\n object-fit: contain;\n object-position: center;\n }\n #vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n #vid-slider .tile__details:after,\n #vid-slider .tile__details:before {\n content: \'\';\n\n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n #vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n #vid-slider .tile__details:before {\n content: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\n }\n\n #vid-slider .tile__slider-prev,\n #vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-prev {\n left: -0.5rem;\n padding: 1rem;\n }\n #vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: 1rem;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\n }\n\n #vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n #vid-slider i {\n border: solid ' + (props.dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n #vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n #vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n @media screen and (min-width: 1399px) {\n .block-content #vid-slider .tile__img {\n height: auto;\n }\n .block-content #vid-slider .tile {\n height: auto;\n }\n }\n\n @media screen and (max-width: 1399px) {\n #vid-slider,\n #vidHolder {\n max-width: 620px;\n }\n }\n @media screen and (max-width: 1200px) {\n #vid-slider,\n #vidHolder {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n #vid-slider {\n max-width: 100%;\n }\n\n #vid-slider .row__inner {\n margin: 60px 0 50px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n }\n @media screen and (max-width: 568px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n\n #vid-slider .row__inner {\n margin: 30px 0 70px;\n }\n }\n '
|
|
281
281
|
)
|
|
282
282
|
);
|
|
283
283
|
};
|
|
@@ -7318,7 +7318,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7318
7318
|
React__default.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
|
|
7319
7319
|
React__default.createElement(
|
|
7320
7320
|
'div',
|
|
7321
|
-
{ className: '
|
|
7321
|
+
{ className: 'mt-2 mb-5' },
|
|
7322
7322
|
series && React__default.createElement(
|
|
7323
7323
|
'h3',
|
|
7324
7324
|
null,
|
package/dist/esm/EventsDeck.js
CHANGED
|
@@ -254,6 +254,7 @@ var EventsDeck = function EventsDeck(_ref) {
|
|
|
254
254
|
var startDay = momentTimezone(start).tz(timezone).format();
|
|
255
255
|
var endDay = momentTimezone(end).tz(timezone).format();
|
|
256
256
|
var showEndTime = momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + momentTimezone(end).tz(timezone).format('LLL zz') : null;
|
|
257
|
+
var isCompleted = row.status === 'Completed';
|
|
257
258
|
return React__default.createElement(
|
|
258
259
|
React__default.Fragment,
|
|
259
260
|
{ key: index },
|
|
@@ -277,6 +278,15 @@ var EventsDeck = function EventsDeck(_ref) {
|
|
|
277
278
|
renderRegisterButton(_links)
|
|
278
279
|
)
|
|
279
280
|
),
|
|
281
|
+
isCompleted && _links && React__default.createElement(
|
|
282
|
+
Row,
|
|
283
|
+
null,
|
|
284
|
+
React__default.createElement(
|
|
285
|
+
Col,
|
|
286
|
+
null,
|
|
287
|
+
renderLearnMoreButton(_links)
|
|
288
|
+
)
|
|
289
|
+
),
|
|
280
290
|
discussionTopic && React__default.createElement(
|
|
281
291
|
Row,
|
|
282
292
|
null,
|
package/dist/esm/GroupDeck.js
CHANGED
|
@@ -98,8 +98,8 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
98
98
|
var slide = e.target.parentElement;
|
|
99
99
|
var scrollOffset = scrollPosition;
|
|
100
100
|
var viewableWidth = slide.clientWidth;
|
|
101
|
-
//calculate viewable size / slide
|
|
102
|
-
var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
|
|
101
|
+
//calculate viewable size / slide
|
|
102
|
+
var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
|
|
103
103
|
var scrollDirection = void 0;
|
|
104
104
|
if (direction === 'next') {
|
|
105
105
|
scrollDirection = scrollOffset + numberOfSlidesToScroll;
|
|
@@ -142,14 +142,14 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
142
142
|
React__default.createElement(
|
|
143
143
|
'div',
|
|
144
144
|
{ className: 'row' },
|
|
145
|
-
React__default.createElement(
|
|
145
|
+
showScroller && showScroller && React__default.createElement(
|
|
146
146
|
'div',
|
|
147
147
|
{ onClick: function onClick(e) {
|
|
148
148
|
return scrollSlider(e, 'prev');
|
|
149
149
|
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
150
150
|
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
151
151
|
),
|
|
152
|
-
React__default.createElement(
|
|
152
|
+
showScroller && showScroller && React__default.createElement(
|
|
153
153
|
'div',
|
|
154
154
|
{ onClick: function onClick(e) {
|
|
155
155
|
return scrollSlider(e, 'next');
|
|
@@ -272,7 +272,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
272
272
|
React__default.createElement(
|
|
273
273
|
'style',
|
|
274
274
|
{ jsx: 'true' },
|
|
275
|
-
'\n #vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n #vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 0!important;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider,\n #vidHolder {\n max-width: 805px;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow-x: scroll;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 25px 0
|
|
275
|
+
'\n #vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n #vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 0 !important;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider,\n #vidHolder {\n max-width: 805px;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow-x: scroll;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 25px 0 70px !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n #vid-slider .tile {\n position: relative;\n display: inline-block;\n\n margin: 0 12px;\n font-size: 20px;\n cursor: pointer;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n\n #vid-slider .tile:first-child {\n margin-left: 15px;\n }\n #vid-slider .tile__img {\n height: auto;\n -o-object-fit: contain;\n object-fit: contain;\n object-position: center;\n }\n #vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n #vid-slider .tile__details:after,\n #vid-slider .tile__details:before {\n content: \'\';\n\n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n #vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n #vid-slider .tile__details:before {\n content: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\n }\n\n #vid-slider .tile__slider-prev,\n #vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-prev {\n left: -0.5rem;\n padding: 1rem;\n }\n #vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: 1rem;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\n }\n\n #vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n #vid-slider i {\n border: solid ' + (props.dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n #vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n #vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n @media screen and (min-width: 1399px) {\n .block-content #vid-slider .tile__img {\n height: auto;\n }\n .block-content #vid-slider .tile {\n height: auto;\n }\n }\n\n @media screen and (max-width: 1399px) {\n #vid-slider,\n #vidHolder {\n max-width: 620px;\n }\n }\n @media screen and (max-width: 1200px) {\n #vid-slider,\n #vidHolder {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n #vid-slider {\n max-width: 100%;\n }\n\n #vid-slider .row__inner {\n margin: 60px 0 50px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n }\n @media screen and (max-width: 568px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n\n #vid-slider .row__inner {\n margin: 30px 0 70px;\n }\n }\n '
|
|
276
276
|
)
|
|
277
277
|
);
|
|
278
278
|
};
|
|
@@ -7312,7 +7312,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7312
7312
|
React__default.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
|
|
7313
7313
|
React__default.createElement(
|
|
7314
7314
|
'div',
|
|
7315
|
-
{ className: '
|
|
7315
|
+
{ className: 'mt-2 mb-5' },
|
|
7316
7316
|
series && React__default.createElement(
|
|
7317
7317
|
'h3',
|
|
7318
7318
|
null,
|