diy-template-components 2.0.26 → 2.0.28

package/build/index.es.js

@@ -9724,7 +9724,10 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     width: '240px',
     height: '240px',
     borderRadius: '16px',
-    border: '1px solid var(--stroke, #D8E0F0)'
+    border: '1px solid var(--stroke, #D8E0F0)',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
   },
   image: {
     maxWidth: '100%',
@@ -9738,7 +9741,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     display: 'flex',
     flexDirection: 'column',
     borderRadius: '16px',
-    background: 'var(--Blue-Tertiary, #F4F9FF)'
+    background: 'var(--Blue-Tertiary, #F4F9FF)',
+    flexGrow: 1
   },
   metaInfo: {
     display: 'flex',
@@ -9746,7 +9750,10 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     flexWrap: 'wrap'
   },
   metaInfoChild: {
-    display: 'flex'
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: '6px'
   },
   contentWrapper: {
     display: 'flex',
@@ -9757,16 +9764,17 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     // display: 'flex',
     // width: '100%',
     // gap: '24px'
-    display: 'grid',
-    gridTemplateColumns: '1fr 1fr',
-    gap: '24px'
+    display: 'flex',
+    gap: '24px',
+    flexGrow: 1
   },
   card: {
     padding: '24px',
     display: 'flex',
     justifyContent: 'space-between',
     borderRadius: '16px',
-    background: 'var(--Blue-Tertiary, #F4F9FF)'
+    background: 'var(--Blue-Tertiary, #F4F9FF)',
+    flexGrow: 1
   },
   cardDesc: {
     display: 'flex',
@@ -9808,14 +9816,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
       width: '150px',
       height: '150px',
       borderRadius: '10px',
-      border: '1px solid var(--stroke, #D8E0F0)',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
+      border: '1px solid var(--stroke, #D8E0F0)'
+    },
+    infoContainer: {
+      gap: '16px'
     },
-    infoContainer: {},
     cardWrapper: {
-      gridTemplateRows: '1fr 1fr',
+      flexDirection: 'column',
       gap: '8px'
     },
     aboutInstWrapper: {
@@ -9829,6 +9836,18 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     },
     contentWrapper: {
       gap: '8px'
+    },
+    card: {
+      padding: '16px'
+    },
+    infoDetails: {
+      gap: '8px'
+    },
+    metaInfo: {
+      gap: '8px'
+    },
+    infoContent: {
+      gap: '8px'
     }
   }
 }));
@@ -9940,7 +9959,7 @@ function ABOUT_INSTITUTE({
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.cardDesc
   }, /*#__PURE__*/React.createElement("span", {
-    classes: classes.highlightText
+    className: classes.highlightText
   }, highlightNodeData?.students?.metadata?.value), /*#__PURE__*/React.createElement("span", null, "Active Students")), /*#__PURE__*/React.createElement(Icon, {
     name: 'GroupProfile',
     color: theme.palette.font.primary,