diy-template-components 2.0.27 → 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.es.js +20 -7
- package/build/index.es.js.map +1 -1
- package/build/index.js +20 -7
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -9737,8 +9737,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9737
9737
|
},
|
|
9738
9738
|
imageContainer: {
|
|
9739
9739
|
padding: '24px',
|
|
9740
|
-
|
|
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
|
-
|
|
9761
|
+
flex: 1
|
|
9762
9762
|
},
|
|
9763
9763
|
metaInfo: {
|
|
9764
9764
|
display: 'flex',
|
|
@@ -9781,12 +9781,14 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9781
9781
|
// width: '100%',
|
|
9782
9782
|
// gap: '24px'
|
|
9783
9783
|
display: 'flex',
|
|
9784
|
-
gap: '24px'
|
|
9784
|
+
gap: '24px',
|
|
9785
|
+
flex: 1
|
|
9785
9786
|
},
|
|
9786
9787
|
card: {
|
|
9787
9788
|
padding: '24px',
|
|
9788
9789
|
display: 'flex',
|
|
9789
9790
|
justifyContent: 'space-between',
|
|
9791
|
+
alignItems: 'center',
|
|
9790
9792
|
borderRadius: '16px',
|
|
9791
9793
|
background: 'var(--Blue-Tertiary, #F4F9FF)',
|
|
9792
9794
|
flexGrow: 1
|
|
@@ -9822,18 +9824,20 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9822
9824
|
color: 'var(--Black, #0A1629)',
|
|
9823
9825
|
fontSize: '26px',
|
|
9824
9826
|
fontStyle: 'normal',
|
|
9825
|
-
fontWeight: '600'
|
|
9827
|
+
fontWeight: '600',
|
|
9828
|
+
wordBreak: 'break-word'
|
|
9826
9829
|
},
|
|
9827
9830
|
// SMALL SCREEN
|
|
9828
9831
|
'@media screen and (max-width: 767px)': {
|
|
9829
9832
|
imageContainer: {
|
|
9830
9833
|
padding: '15px',
|
|
9831
|
-
width: '150px',
|
|
9832
9834
|
height: '150px',
|
|
9833
9835
|
borderRadius: '10px',
|
|
9834
9836
|
border: '1px solid var(--stroke, #D8E0F0)'
|
|
9835
9837
|
},
|
|
9836
|
-
infoContainer: {
|
|
9838
|
+
infoContainer: {
|
|
9839
|
+
gap: '16px'
|
|
9840
|
+
},
|
|
9837
9841
|
cardWrapper: {
|
|
9838
9842
|
flexDirection: 'column',
|
|
9839
9843
|
gap: '8px'
|
|
@@ -9852,6 +9856,15 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9852
9856
|
},
|
|
9853
9857
|
card: {
|
|
9854
9858
|
padding: '16px'
|
|
9859
|
+
},
|
|
9860
|
+
infoDetails: {
|
|
9861
|
+
gap: '8px'
|
|
9862
|
+
},
|
|
9863
|
+
metaInfo: {
|
|
9864
|
+
gap: '8px'
|
|
9865
|
+
},
|
|
9866
|
+
infoContent: {
|
|
9867
|
+
gap: '8px'
|
|
9855
9868
|
}
|
|
9856
9869
|
}
|
|
9857
9870
|
}));
|