@gem-sdk/pages 1.12.1 → 1.13.0-next.0
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.
|
@@ -32,7 +32,7 @@ const defaultMargin = {
|
|
|
32
32
|
tablet: '16px',
|
|
33
33
|
mobile: '16px'
|
|
34
34
|
};
|
|
35
|
-
const AddSectionImageToLayout = (
|
|
35
|
+
const AddSectionImageToLayout = ()=>{
|
|
36
36
|
const [link, setLink] = react.useState('');
|
|
37
37
|
const [isInput, setIsInput] = react.useState(false);
|
|
38
38
|
const [margin, setMargin] = react.useState(defaultMargin);
|
|
@@ -92,7 +92,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
92
92
|
}
|
|
93
93
|
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
94
94
|
id: "gps-add-section-image-to-layout-of-bottom",
|
|
95
|
-
className: `gps-base-font-family relative mx-[44px] mb-[24px] mt-[40px] justify-center rounded-[3px] border border-[#EEEEEE] py-[24px] ${totalSection
|
|
95
|
+
className: `gps-base-font-family relative mx-[44px] mb-[24px] mt-[40px] justify-center rounded-[3px] border border-[#EEEEEE] py-[24px] ${totalSection ? 'flex' : 'hidden'}`,
|
|
96
96
|
style: {
|
|
97
97
|
marginBottom: `${offset + 24}px`,
|
|
98
98
|
...core.makeStyleResponsive('ml', margin),
|
|
@@ -118,7 +118,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
118
118
|
className: "flex items-center ",
|
|
119
119
|
children: [
|
|
120
120
|
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
121
|
-
className: "mr-[3px] text-[12px] font-normal text-[#676767]
|
|
121
|
+
className: "mr-[3px] text-center text-[12px] font-normal text-[#676767]",
|
|
122
122
|
children: action.content
|
|
123
123
|
}),
|
|
124
124
|
action.hasAILogo && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
@@ -274,7 +274,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
274
274
|
autoComplete: "off",
|
|
275
275
|
id: "gp-img-to-layout-bottom-input-link",
|
|
276
276
|
placeholder: "Paste an URL to create layout",
|
|
277
|
-
className: "ml-2 flex-1 text-[14px] text-[#676767] outline-none"
|
|
277
|
+
className: "ml-2 mr-2 flex-1 text-[14px] text-[#676767] outline-none"
|
|
278
278
|
}),
|
|
279
279
|
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
280
280
|
id: "gp-img-to-layout-bottom-generate-btn",
|
|
@@ -75,9 +75,7 @@ const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData ,
|
|
|
75
75
|
/*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
|
|
76
76
|
editorImageToLayout: editorImageToLayout || false
|
|
77
77
|
}),
|
|
78
|
-
/*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
|
|
79
|
-
editorImageToLayout: editorImageToLayout || false
|
|
80
|
-
}),
|
|
78
|
+
/*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {}),
|
|
81
79
|
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
82
80
|
id: "visual-content"
|
|
83
81
|
}),
|
|
@@ -28,7 +28,7 @@ const defaultMargin = {
|
|
|
28
28
|
tablet: '16px',
|
|
29
29
|
mobile: '16px'
|
|
30
30
|
};
|
|
31
|
-
const AddSectionImageToLayout = (
|
|
31
|
+
const AddSectionImageToLayout = ()=>{
|
|
32
32
|
const [link, setLink] = useState('');
|
|
33
33
|
const [isInput, setIsInput] = useState(false);
|
|
34
34
|
const [margin, setMargin] = useState(defaultMargin);
|
|
@@ -88,7 +88,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
88
88
|
}
|
|
89
89
|
return /*#__PURE__*/ jsxs("div", {
|
|
90
90
|
id: "gps-add-section-image-to-layout-of-bottom",
|
|
91
|
-
className: `gps-base-font-family relative mx-[44px] mb-[24px] mt-[40px] justify-center rounded-[3px] border border-[#EEEEEE] py-[24px] ${totalSection
|
|
91
|
+
className: `gps-base-font-family relative mx-[44px] mb-[24px] mt-[40px] justify-center rounded-[3px] border border-[#EEEEEE] py-[24px] ${totalSection ? 'flex' : 'hidden'}`,
|
|
92
92
|
style: {
|
|
93
93
|
marginBottom: `${offset + 24}px`,
|
|
94
94
|
...makeStyleResponsive('ml', margin),
|
|
@@ -114,7 +114,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
114
114
|
className: "flex items-center ",
|
|
115
115
|
children: [
|
|
116
116
|
/*#__PURE__*/ jsx("span", {
|
|
117
|
-
className: "mr-[3px] text-[12px] font-normal text-[#676767]
|
|
117
|
+
className: "mr-[3px] text-center text-[12px] font-normal text-[#676767]",
|
|
118
118
|
children: action.content
|
|
119
119
|
}),
|
|
120
120
|
action.hasAILogo && /*#__PURE__*/ jsxs("svg", {
|
|
@@ -270,7 +270,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
270
270
|
autoComplete: "off",
|
|
271
271
|
id: "gp-img-to-layout-bottom-input-link",
|
|
272
272
|
placeholder: "Paste an URL to create layout",
|
|
273
|
-
className: "ml-2 flex-1 text-[14px] text-[#676767] outline-none"
|
|
273
|
+
className: "ml-2 mr-2 flex-1 text-[14px] text-[#676767] outline-none"
|
|
274
274
|
}),
|
|
275
275
|
/*#__PURE__*/ jsx("div", {
|
|
276
276
|
id: "gp-img-to-layout-bottom-generate-btn",
|
|
@@ -73,9 +73,7 @@ const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData ,
|
|
|
73
73
|
/*#__PURE__*/ jsx(ImageToLayout, {
|
|
74
74
|
editorImageToLayout: editorImageToLayout || false
|
|
75
75
|
}),
|
|
76
|
-
/*#__PURE__*/ jsx(AddSectionImageToLayout, {
|
|
77
|
-
editorImageToLayout: editorImageToLayout || false
|
|
78
|
-
}),
|
|
76
|
+
/*#__PURE__*/ jsx(AddSectionImageToLayout, {}),
|
|
79
77
|
/*#__PURE__*/ jsx("div", {
|
|
80
78
|
id: "visual-content"
|
|
81
79
|
}),
|