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.es.js CHANGED
@@ -9724,7 +9724,10 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9724
9724
  width: '240px',
9725
9725
  height: '240px',
9726
9726
  borderRadius: '16px',
9727
- border: '1px solid var(--stroke, #D8E0F0)'
9727
+ border: '1px solid var(--stroke, #D8E0F0)',
9728
+ display: 'flex',
9729
+ justifyContent: 'center',
9730
+ alignItems: 'center'
9728
9731
  },
9729
9732
  image: {
9730
9733
  maxWidth: '100%',
@@ -9738,7 +9741,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9738
9741
  display: 'flex',
9739
9742
  flexDirection: 'column',
9740
9743
  borderRadius: '16px',
9741
- background: 'var(--Blue-Tertiary, #F4F9FF)'
9744
+ background: 'var(--Blue-Tertiary, #F4F9FF)',
9745
+ flexGrow: 1
9742
9746
  },
9743
9747
  metaInfo: {
9744
9748
  display: 'flex',
@@ -9746,7 +9750,10 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9746
9750
  flexWrap: 'wrap'
9747
9751
  },
9748
9752
  metaInfoChild: {
9749
- display: 'flex'
9753
+ display: 'flex',
9754
+ justifyContent: 'center',
9755
+ alignItems: 'center',
9756
+ gap: '6px'
9750
9757
  },
9751
9758
  contentWrapper: {
9752
9759
  display: 'flex',
@@ -9757,8 +9764,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9757
9764
  // display: 'flex',
9758
9765
  // width: '100%',
9759
9766
  // gap: '24px'
9760
- display: 'grid',
9761
- gridTemplateColumns: '1fr 1fr',
9767
+ display: 'flex',
9762
9768
  gap: '24px'
9763
9769
  },
9764
9770
  card: {
@@ -9766,7 +9772,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9766
9772
  display: 'flex',
9767
9773
  justifyContent: 'space-between',
9768
9774
  borderRadius: '16px',
9769
- background: 'var(--Blue-Tertiary, #F4F9FF)'
9775
+ background: 'var(--Blue-Tertiary, #F4F9FF)',
9776
+ flexGrow: 1
9770
9777
  },
9771
9778
  cardDesc: {
9772
9779
  display: 'flex',
@@ -9808,14 +9815,11 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9808
9815
  width: '150px',
9809
9816
  height: '150px',
9810
9817
  borderRadius: '10px',
9811
- border: '1px solid var(--stroke, #D8E0F0)',
9812
- display: 'flex',
9813
- justifyContent: 'center',
9814
- alignItems: 'center'
9818
+ border: '1px solid var(--stroke, #D8E0F0)'
9815
9819
  },
9816
9820
  infoContainer: {},
9817
9821
  cardWrapper: {
9818
- gridTemplateRows: '1fr 1fr',
9822
+ flexDirection: 'column',
9819
9823
  gap: '8px'
9820
9824
  },
9821
9825
  aboutInstWrapper: {
@@ -9829,6 +9833,9 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9829
9833
  },
9830
9834
  contentWrapper: {
9831
9835
  gap: '8px'
9836
+ },
9837
+ card: {
9838
+ padding: '16px'
9832
9839
  }
9833
9840
  }
9834
9841
  }));
@@ -9940,7 +9947,7 @@ function ABOUT_INSTITUTE({
9940
9947
  }, /*#__PURE__*/React.createElement("div", {
9941
9948
  className: classes.cardDesc
9942
9949
  }, /*#__PURE__*/React.createElement("span", {
9943
- classes: classes.highlightText
9950
+ className: classes.highlightText
9944
9951
  }, highlightNodeData?.students?.metadata?.value), /*#__PURE__*/React.createElement("span", null, "Active Students")), /*#__PURE__*/React.createElement(Icon, {
9945
9952
  name: 'GroupProfile',
9946
9953
  color: theme.palette.font.primary,