diy-template-components 2.0.26 → 2.0.27

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/build/index.js CHANGED
@@ -9740,7 +9740,10 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9740
9740
  width: '240px',
9741
9741
  height: '240px',
9742
9742
  borderRadius: '16px',
9743
- border: '1px solid var(--stroke, #D8E0F0)'
9743
+ border: '1px solid var(--stroke, #D8E0F0)',
9744
+ display: 'flex',
9745
+ justifyContent: 'center',
9746
+ alignItems: 'center'
9744
9747
  },
9745
9748
  image: {
9746
9749
  maxWidth: '100%',
@@ -9754,7 +9757,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9754
9757
  display: 'flex',
9755
9758
  flexDirection: 'column',
9756
9759
  borderRadius: '16px',
9757
- background: 'var(--Blue-Tertiary, #F4F9FF)'
9760
+ background: 'var(--Blue-Tertiary, #F4F9FF)',
9761
+ flexGrow: 1
9758
9762
  },
9759
9763
  metaInfo: {
9760
9764
  display: 'flex',
@@ -9762,7 +9766,10 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9762
9766
  flexWrap: 'wrap'
9763
9767
  },
9764
9768
  metaInfoChild: {
9765
- display: 'flex'
9769
+ display: 'flex',
9770
+ justifyContent: 'center',
9771
+ alignItems: 'center',
9772
+ gap: '6px'
9766
9773
  },
9767
9774
  contentWrapper: {
9768
9775
  display: 'flex',
@@ -9773,8 +9780,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9773
9780
  // display: 'flex',
9774
9781
  // width: '100%',
9775
9782
  // gap: '24px'
9776
- display: 'grid',
9777
- gridTemplateColumns: '1fr 1fr',
9783
+ display: 'flex',
9778
9784
  gap: '24px'
9779
9785
  },
9780
9786
  card: {
@@ -9782,7 +9788,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9782
9788
  display: 'flex',
9783
9789
  justifyContent: 'space-between',
9784
9790
  borderRadius: '16px',
9785
- background: 'var(--Blue-Tertiary, #F4F9FF)'
9791
+ background: 'var(--Blue-Tertiary, #F4F9FF)',
9792
+ flexGrow: 1
9786
9793
  },
9787
9794
  cardDesc: {
9788
9795
  display: 'flex',
@@ -9824,14 +9831,11 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9824
9831
  width: '150px',
9825
9832
  height: '150px',
9826
9833
  borderRadius: '10px',
9827
- border: '1px solid var(--stroke, #D8E0F0)',
9828
- display: 'flex',
9829
- justifyContent: 'center',
9830
- alignItems: 'center'
9834
+ border: '1px solid var(--stroke, #D8E0F0)'
9831
9835
  },
9832
9836
  infoContainer: {},
9833
9837
  cardWrapper: {
9834
- gridTemplateRows: '1fr 1fr',
9838
+ flexDirection: 'column',
9835
9839
  gap: '8px'
9836
9840
  },
9837
9841
  aboutInstWrapper: {
@@ -9845,6 +9849,9 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9845
9849
  },
9846
9850
  contentWrapper: {
9847
9851
  gap: '8px'
9852
+ },
9853
+ card: {
9854
+ padding: '16px'
9848
9855
  }
9849
9856
  }
9850
9857
  }));
@@ -9956,7 +9963,7 @@ function ABOUT_INSTITUTE({
9956
9963
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9957
9964
  className: classes.cardDesc
9958
9965
  }, /*#__PURE__*/React__default["default"].createElement("span", {
9959
- classes: classes.highlightText
9966
+ className: classes.highlightText
9960
9967
  }, highlightNodeData?.students?.metadata?.value), /*#__PURE__*/React__default["default"].createElement("span", null, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
9961
9968
  name: 'GroupProfile',
9962
9969
  color: theme.palette.font.primary,