diy-template-components 0.2.84 → 0.2.86

package/build/index.js

@@ -2000,7 +2000,6 @@ const fontWeight = {
 };
 
 function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
-  console.log(isMobile, "isMobileisMobile");
   const palette = palettes[colorTheme] || palettes['blue'];
   const typography = {
     fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
@@ -2167,7 +2166,6 @@ function PageRenderer$1({
   countryCode,
   currencySymbol
 }) {
-  const theme = React.useMemo(() => getTheme(color, font), [color, font]);
   const navList = header?.navs;
   const context = React.useMemo(() => ({
     isMobile,
@@ -2190,6 +2188,7 @@ function PageRenderer$1({
     countryCode,
     currencySymbol
   }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
+  const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
   const Wrapper = SectionWrapper || React.Fragment;
   return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
     theme: theme
@@ -3143,9 +3142,7 @@ var index$j = /*#__PURE__*/Object.freeze({
 const useSectionStyles$5 = createUseStyles(theme => {
   return {
     section: {
-      padding: ({
-        isMobile
-      } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
+      padding: `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
       '&, & *, & *:before, & *:after': {
         fontFamily: theme?.typography?.fontFamily,
         boxSizing: 'border-box'
@@ -3207,7 +3204,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
     textContainer: {
       marginLeft: '72px',
       textAlign: 'left',
-      margin: '0 auto',
+      // margin: '0 auto',
       width: '50%'
     },
     subTitleHeading: {
@@ -3233,13 +3230,14 @@ const useSectionStyles$5 = createUseStyles(theme => {
     },
     '@media screen and (max-width: 767px)': {
       section: {
-        padding: '0 0 40px'
+        padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px`
       },
       centerData: {
         flexDirection: 'column-reverse',
-        width: '100%',
-        padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
+        width: '100%'
+        // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
       },
+
       imageContainer: {
         height: 'unset !important',
         '& img': {
@@ -3259,7 +3257,9 @@ const useSectionStyles$5 = createUseStyles(theme => {
       },
       textContainer: {
         padding: `${theme?.spacing?.padding?.regular}px 0px`,
-        width: 'unset'
+        width: 'unset',
+        margin: '0px',
+        textAlign: 'center'
       },
       heading: {
         fontSize: `${theme?.typography?.fontSize?.h3}px`
@@ -4666,7 +4666,9 @@ var index$e = /*#__PURE__*/Object.freeze({
 const useSectionStyles$3 = createUseStyles(theme => ({
   section: {
     position: 'relative',
-    padding: `${theme?.spacing?.padding?.regular}px 0px ${theme?.spacing?.padding?.regular}px ${theme?.spacing?.padding?.medium}px`,
+    padding: ({
+      isMobile
+    } = {}) => isMobile ? `${theme.spacing.padding.medium}px 0px ${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
     backgroundColor: theme?.palette?.background?.default,
     '&, & *, & *:before, & *:after': {
       fontFamily: theme?.typography?.fontFamily,
@@ -4701,6 +4703,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
     width: '100%',
     fontSize: theme.typography.fontSize.subHead,
     color: theme?.palette?.font?.default,
+    textTransform: 'uppercase',
     textAlign: 'left',
     lineHeight: '20px',
     letterSpacing: '3px',
@@ -4816,13 +4819,14 @@ function Info({
   const classes = useSectionStyles$3({
     cardsCount,
     containerWidth,
-    slidesToShow
+    slidesToShow,
+    isMobile
   });
   const settings = {
     className: classes.sliderContainer,
     slidesToShow,
     centerMode: true,
-    centerPadding: isMobile ? '40px 0 0' : '60px 0 0'
+    centerPadding: isMobile ? '40px 0 0' : '0px 0 0'
   };
   const carouselContent = carouselList.map((dt, ind) =>
   /*#__PURE__*/
@@ -4878,8 +4882,8 @@ function Info({
     }
   })), cardsCount > slidesToShow ? /*#__PURE__*/React__default["default"].createElement(Carousel, {
     hideArrow: isMobile,
-    settings: settings,
-    buttonContainerClass: classes.buttonContainerClass
+    settings: settings
+    // buttonContainerClass={classes.buttonContainerClass}
   }, carouselContent) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.contentRow
   }, carouselContent))));
@@ -7288,7 +7292,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
         width: '100%'
       },
       videoDetailsHeading: {
-        lineHeight: '20px'
+        lineHeight: 'normal'
       },
       videoTestimonialTitle: {
         // fontSize: '24px',
@@ -7780,7 +7784,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
       videoDetailsHeading: {
         // fontSize: '20px',
         fontWeight: '600',
-        lineHeight: '20px'
+        lineHeight: 'normal',
+        letterSpacing: '0px'
       },
       videoTestimonialTitle: {
         // fontSize: '24px',