diy-template-components 2.0.37 → 2.0.39

package/build/index.es.js

@@ -6527,14 +6527,16 @@ const useTeamStyles = createUseStyles(theme => {
       margin: '0 -20px'
     },
     contentRow: {
-      display: 'grid',
-      gridTemplateColumns: ({
-        slidesToShow
-      } = {}) => `repeat(${slidesToShow},minmax(0, 1fr))`
+      display: 'flex',
+      justifyContent: 'center',
+      gap: '20px'
+      // gridTemplateColumns: ({ slidesToShow } = {}) =>
+      //   `repeat(${slidesToShow},minmax(0, 1fr))`
     },
+
     singleSlideContainer: {
       backgroundColor: theme?.palette?.background?.default,
-      margin: '20px',
+      margin: '20px 0',
       width: 'calc(100% - 24px)',
       borderRadius: theme?.shape?.borderRadius?.large,
       boxShadow: theme?.shadows?.primary,
@@ -6683,7 +6685,13 @@ const SingleSlide = ({
     dangerouslySetInnerHTML: {
       __html: data.teamSlideTitle.metadata.value
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), data?.teamSlideSubTitle?.metadata?.value ? /*#__PURE__*/React.createElement("div", {
+    ref: data?.teamSlideSubTitle?.refSetter,
+    className: classes.teamDetailsSubHeading,
+    dangerouslySetInnerHTML: {
+      __html: data.teamSlideSubTitle.metadata.value
+    }
+  }) : null, data?.teamSlideYearOfExperience?.metadata?.value ? /*#__PURE__*/React.createElement("div", {
     className: classes.subHeadingWrapper
   }, /*#__PURE__*/React.createElement("img", {
     src: RankIcon
@@ -6693,7 +6701,7 @@ const SingleSlide = ({
     dangerouslySetInnerHTML: {
       __html: data.teamSlideYearOfExperience.metadata.value
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })) : null, data?.teamSlideSpecialisation?.metadata?.value ? /*#__PURE__*/React.createElement("div", {
     className: classes.subHeadingWrapper
   }, /*#__PURE__*/React.createElement("img", {
     src: Book
@@ -6703,7 +6711,7 @@ const SingleSlide = ({
     dangerouslySetInnerHTML: {
       __html: data.teamSlideSpecialisation.metadata.value
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })) : null, data?.teamSlideQualification?.metadata?.value ? /*#__PURE__*/React.createElement("div", {
     className: classes.subHeadingWrapper
   }, /*#__PURE__*/React.createElement("img", {
     src: Teacher
@@ -6713,7 +6721,7 @@ const SingleSlide = ({
     dangerouslySetInnerHTML: {
       __html: data.teamSlideQualification.metadata.value
     }
-  }))));
+  })) : null));
 };
 
 function TeamCard({
@@ -9694,19 +9702,22 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     alignSelf: 'center',
     color: 'var(--Black, #0A1629)',
     fontSize: '24px',
-    fontWeight: '400'
+    fontWeight: '400',
+    fontFamily: theme?.typography?.fontFamily
   },
   metaChild: {
     fontSize: '16px',
     fontStyle: 'normal',
-    fontWeight: '400'
+    fontWeight: '400',
+    fontFamily: theme?.typography?.fontFamily
   },
   aboutInstWrapper: {
     padding: '64px 128px',
     display: 'flex',
     justifyContent: 'center',
     flexDirection: 'column',
-    background: '#FFF'
+    background: '#FFF',
+    fontFamily: theme?.typography?.fontFamily
   },
   abtoutInstText: {
     color: theme?.palette?.font?.secondary,
@@ -9769,7 +9780,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     // gap: '24px'
     display: 'flex',
     gap: '24px',
-    flex: 1
+    flex: 1,
+    lineHeight: 'normal'
   },
   card: {
     padding: '24px',
@@ -9787,7 +9799,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
   infoDetails: {
     display: 'flex',
     flexDirection: 'Column',
-    gap: '4px'
+    gap: '4px',
+    lineHeight: 'normal'
   },
   infoContent: {
     display: 'flex',
@@ -9846,7 +9859,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     },
     cardWrapper: {
       flexDirection: 'column',
-      gap: '8px'
+      gap: '8px',
+      lineHeight: 'normal'
     },
     aboutInstWrapper: {
       padding: '16px'
@@ -9864,7 +9878,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
       padding: '16px'
     },
     infoDetails: {
-      gap: '8px'
+      gap: '8px',
+      lineHeight: 'normal'
     },
     metaInfo: {
       gap: '8px'