diy-template-components 2.0.56 → 2.0.57

package/build/index.es.js

@@ -8732,7 +8732,7 @@ var index$5 = /*#__PURE__*/Object.freeze({
   'default': CoursePromotionPage
 });
 
-const useFormPageStyles$1 = createUseStyles(theme => ({
+const useFormPageStyles = createUseStyles(theme => ({
   formPageSection: {
     padding: ({
       isMobile
@@ -8898,7 +8898,7 @@ const FormPage = ({
     isMobile,
     countryCode
   } = useContext(PageContext);
-  const classes = useFormPageStyles$1({
+  const classes = useFormPageStyles({
     isMobile
   });
   const handleSubmit = async e => {
@@ -10089,13 +10089,49 @@ var index$1 = /*#__PURE__*/Object.freeze({
   'default': ABOUT_INSTITUTE
 });
 
+const useTimerCallPageStyles = createUseStyles(theme => ({
+  timerAndCallSection: {
+    padding: ({
+      isMobile
+    } = {}) => isMobile ? '24px' : '80px 120px',
+    background: theme?.colors?.white,
+    '&, & *, & *:before, & *:after': {
+      fontFamily: theme?.typography?.fontFamily,
+      boxSizing: 'border-box'
+    }
+  },
+  timerAndCallContainer: {
+    padding: '72px',
+    background: theme?.colors?.background3,
+    borderRadius: '8px',
+    boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.16)'
+  },
+  timerAndCallBox: {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '42px'
+  },
+  // SMALL SCREEN
+  '@media screen and (max-width: 767px)': {
+    timerAndCallSection: {
+      padding: '24px'
+    },
+    timerAndCallContainer: {
+      padding: '16px'
+    },
+    timerAndCallBox: {
+      gap: '32px'
+    }
+  }
+}));
+
 const TimerAndCall = ({
   sectionData,
   extraProps = {}
 }) => {
   console.log('sid sectionData', sectionData, extraProps);
   const [nodeData] = sectionData?.components;
-  const classes = useFormPageStyles({
+  const classes = useTimerCallPageStyles({
     isMobile
   });
   return /*#__PURE__*/React.createElement("section", {