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.es.js
CHANGED
|
@@ -9721,8 +9721,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9721
9721
|
},
|
|
9722
9722
|
imageContainer: {
|
|
9723
9723
|
padding: '24px',
|
|
9724
|
-
|
|
9725
|
-
height: '240px',
|
|
9724
|
+
flex: '0 0 30%',
|
|
9725
|
+
// height: '240px',
|
|
9726
9726
|
borderRadius: '16px',
|
|
9727
9727
|
border: '1px solid var(--stroke, #D8E0F0)',
|
|
9728
9728
|
display: 'flex',
|
|
@@ -9742,7 +9742,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9742
9742
|
flexDirection: 'column',
|
|
9743
9743
|
borderRadius: '16px',
|
|
9744
9744
|
background: 'var(--Blue-Tertiary, #F4F9FF)',
|
|
9745
|
-
|
|
9745
|
+
flex: 1
|
|
9746
9746
|
},
|
|
9747
9747
|
metaInfo: {
|
|
9748
9748
|
display: 'flex',
|
|
@@ -9765,12 +9765,14 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9765
9765
|
// width: '100%',
|
|
9766
9766
|
// gap: '24px'
|
|
9767
9767
|
display: 'flex',
|
|
9768
|
-
gap: '24px'
|
|
9768
|
+
gap: '24px',
|
|
9769
|
+
flex: 1
|
|
9769
9770
|
},
|
|
9770
9771
|
card: {
|
|
9771
9772
|
padding: '24px',
|
|
9772
9773
|
display: 'flex',
|
|
9773
9774
|
justifyContent: 'space-between',
|
|
9775
|
+
alignItems: 'center',
|
|
9774
9776
|
borderRadius: '16px',
|
|
9775
9777
|
background: 'var(--Blue-Tertiary, #F4F9FF)',
|
|
9776
9778
|
flexGrow: 1
|
|
@@ -9806,18 +9808,20 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9806
9808
|
color: 'var(--Black, #0A1629)',
|
|
9807
9809
|
fontSize: '26px',
|
|
9808
9810
|
fontStyle: 'normal',
|
|
9809
|
-
fontWeight: '600'
|
|
9811
|
+
fontWeight: '600',
|
|
9812
|
+
wordBreak: 'break-word'
|
|
9810
9813
|
},
|
|
9811
9814
|
// SMALL SCREEN
|
|
9812
9815
|
'@media screen and (max-width: 767px)': {
|
|
9813
9816
|
imageContainer: {
|
|
9814
9817
|
padding: '15px',
|
|
9815
|
-
width: '150px',
|
|
9816
9818
|
height: '150px',
|
|
9817
9819
|
borderRadius: '10px',
|
|
9818
9820
|
border: '1px solid var(--stroke, #D8E0F0)'
|
|
9819
9821
|
},
|
|
9820
|
-
infoContainer: {
|
|
9822
|
+
infoContainer: {
|
|
9823
|
+
gap: '16px'
|
|
9824
|
+
},
|
|
9821
9825
|
cardWrapper: {
|
|
9822
9826
|
flexDirection: 'column',
|
|
9823
9827
|
gap: '8px'
|
|
@@ -9836,6 +9840,15 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
|
|
|
9836
9840
|
},
|
|
9837
9841
|
card: {
|
|
9838
9842
|
padding: '16px'
|
|
9843
|
+
},
|
|
9844
|
+
infoDetails: {
|
|
9845
|
+
gap: '8px'
|
|
9846
|
+
},
|
|
9847
|
+
metaInfo: {
|
|
9848
|
+
gap: '8px'
|
|
9849
|
+
},
|
|
9850
|
+
infoContent: {
|
|
9851
|
+
gap: '8px'
|
|
9839
9852
|
}
|
|
9840
9853
|
}
|
|
9841
9854
|
}));
|