diy-template-components 2.0.55 → 2.0.57
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 +39 -0
- package/build/index.es.js.map +1 -1
- package/build/index.js +39 -0
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -10105,12 +10105,51 @@ var index$1 = /*#__PURE__*/Object.freeze({
|
|
|
10105
10105
|
'default': ABOUT_INSTITUTE
|
|
10106
10106
|
});
|
|
10107
10107
|
|
|
10108
|
+
const useTimerCallPageStyles = createUseStyles(theme => ({
|
|
10109
|
+
timerAndCallSection: {
|
|
10110
|
+
padding: ({
|
|
10111
|
+
isMobile
|
|
10112
|
+
} = {}) => isMobile ? '24px' : '80px 120px',
|
|
10113
|
+
background: theme?.colors?.white,
|
|
10114
|
+
'&, & *, & *:before, & *:after': {
|
|
10115
|
+
fontFamily: theme?.typography?.fontFamily,
|
|
10116
|
+
boxSizing: 'border-box'
|
|
10117
|
+
}
|
|
10118
|
+
},
|
|
10119
|
+
timerAndCallContainer: {
|
|
10120
|
+
padding: '72px',
|
|
10121
|
+
background: theme?.colors?.background3,
|
|
10122
|
+
borderRadius: '8px',
|
|
10123
|
+
boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.16)'
|
|
10124
|
+
},
|
|
10125
|
+
timerAndCallBox: {
|
|
10126
|
+
display: 'flex',
|
|
10127
|
+
flexDirection: 'column',
|
|
10128
|
+
gap: '42px'
|
|
10129
|
+
},
|
|
10130
|
+
// SMALL SCREEN
|
|
10131
|
+
'@media screen and (max-width: 767px)': {
|
|
10132
|
+
timerAndCallSection: {
|
|
10133
|
+
padding: '24px'
|
|
10134
|
+
},
|
|
10135
|
+
timerAndCallContainer: {
|
|
10136
|
+
padding: '16px'
|
|
10137
|
+
},
|
|
10138
|
+
timerAndCallBox: {
|
|
10139
|
+
gap: '32px'
|
|
10140
|
+
}
|
|
10141
|
+
}
|
|
10142
|
+
}));
|
|
10143
|
+
|
|
10108
10144
|
const TimerAndCall = ({
|
|
10109
10145
|
sectionData,
|
|
10110
10146
|
extraProps = {}
|
|
10111
10147
|
}) => {
|
|
10112
10148
|
console.log('sid sectionData', sectionData, extraProps);
|
|
10113
10149
|
const [nodeData] = sectionData?.components;
|
|
10150
|
+
const classes = useTimerCallPageStyles({
|
|
10151
|
+
isMobile
|
|
10152
|
+
});
|
|
10114
10153
|
return /*#__PURE__*/React__default["default"].createElement("section", {
|
|
10115
10154
|
className: classes.timerAndCallSection
|
|
10116
10155
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|