diy-template-components 2.0.38 → 2.0.40

package/build/index.es.js

@@ -6527,15 +6527,17 @@ 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',
-      width: 'calc(100% - 24px)',
+      margin: '20px 0',
+      // width: 'calc(100% - 24px)',
       borderRadius: theme?.shape?.borderRadius?.large,
       boxShadow: theme?.shadows?.primary,
       minHeight: '385px'
@@ -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", {
+  }), "\xA0 years of experience") : 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({
@@ -9791,13 +9799,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
   infoDetails: {
     display: 'flex',
     flexDirection: 'Column',
-    gap: '4px',
+    gap: '10px',
     lineHeight: 'normal'
   },
   infoContent: {
     display: 'flex',
     flexDirection: 'Column',
-    gap: '4px'
+    gap: '8px'
   },
   instHeading: {
     color: 'var(--Black, #0A1629)',