diy-template-components 2.0.28 → 2.0.29

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
@@ -9737,8 +9737,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9737
9737
  },
9738
9738
  imageContainer: {
9739
9739
  padding: '24px',
9740
- width: '240px',
9741
- height: '240px',
9740
+ flex: '0 0 30%',
9741
+ // height: '240px',
9742
9742
  borderRadius: '16px',
9743
9743
  border: '1px solid var(--stroke, #D8E0F0)',
9744
9744
  display: 'flex',
@@ -9758,7 +9758,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9758
9758
  flexDirection: 'column',
9759
9759
  borderRadius: '16px',
9760
9760
  background: 'var(--Blue-Tertiary, #F4F9FF)',
9761
- flexGrow: 1
9761
+ flex: 1
9762
9762
  },
9763
9763
  metaInfo: {
9764
9764
  display: 'flex',
@@ -9782,12 +9782,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9782
9782
  // gap: '24px'
9783
9783
  display: 'flex',
9784
9784
  gap: '24px',
9785
- flexGrow: 1
9785
+ flex: 1
9786
9786
  },
9787
9787
  card: {
9788
9788
  padding: '24px',
9789
9789
  display: 'flex',
9790
9790
  justifyContent: 'space-between',
9791
+ alignItems: 'center',
9791
9792
  borderRadius: '16px',
9792
9793
  background: 'var(--Blue-Tertiary, #F4F9FF)',
9793
9794
  flexGrow: 1
@@ -9823,13 +9824,13 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9823
9824
  color: 'var(--Black, #0A1629)',
9824
9825
  fontSize: '26px',
9825
9826
  fontStyle: 'normal',
9826
- fontWeight: '600'
9827
+ fontWeight: '600',
9828
+ wordBreak: 'break-word'
9827
9829
  },
9828
9830
  // SMALL SCREEN
9829
9831
  '@media screen and (max-width: 767px)': {
9830
9832
  imageContainer: {
9831
9833
  padding: '15px',
9832
- width: '150px',
9833
9834
  height: '150px',
9834
9835
  borderRadius: '10px',
9835
9836
  border: '1px solid var(--stroke, #D8E0F0)'