infinity-forge 11.5.2 → 11.5.4
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/dist/ui/atena/presentation/dynamic-elements/pages/blog/components/side-box-newsletter/index.js +7 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/blog/components/side-box-newsletter/index.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/index.js +19 -6
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/index.js.map +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/index.d.ts +3 -0
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/index.js +43 -0
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/index.js.map +1 -0
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/styles.d.ts +1 -0
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/styles.js +14 -0
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/styles.js.map +1 -0
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/styles.js +1 -1
- package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -71,9 +71,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
71
71
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
72
72
|
exports.NewsLetterBlog = NewsLetterBlog;
|
|
73
73
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
74
|
+
var react_1 = require("react");
|
|
74
75
|
var ui_1 = require("../../../../../../../../ui/index.js");
|
|
75
76
|
var S = __importStar(require("../styles.js"));
|
|
76
77
|
function NewsLetterBlog() {
|
|
78
|
+
var _a = (0, react_1.useState)(0), key = _a[0], setKey = _a[1];
|
|
77
79
|
var createToast = (0, ui_1.useToast)().createToast;
|
|
78
80
|
function handleSucess(data) {
|
|
79
81
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -85,6 +87,9 @@ function NewsLetterBlog() {
|
|
|
85
87
|
return [4 /*yield*/, (0, ui_1.api)({
|
|
86
88
|
url: 'admin/catalogs/Contact',
|
|
87
89
|
method: 'post',
|
|
90
|
+
headers: {
|
|
91
|
+
tenant: process.env.tenant,
|
|
92
|
+
},
|
|
88
93
|
body: {
|
|
89
94
|
email: data.email,
|
|
90
95
|
entityKey: 'newsletter',
|
|
@@ -93,6 +98,7 @@ function NewsLetterBlog() {
|
|
|
93
98
|
})];
|
|
94
99
|
case 1:
|
|
95
100
|
_b.sent();
|
|
101
|
+
setKey(function (prev) { return prev + 1; });
|
|
96
102
|
createToast({ status: 'success', message: 'Newsletter enviada com sucesso!' });
|
|
97
103
|
return [3 /*break*/, 3];
|
|
98
104
|
case 2:
|
|
@@ -104,6 +110,6 @@ function NewsLetterBlog() {
|
|
|
104
110
|
});
|
|
105
111
|
});
|
|
106
112
|
}
|
|
107
|
-
return ((0, jsx_runtime_1.jsxs)(S.Box, { className: 'newsletter', children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-24-bold', children: "Newsletter" }), (0, jsx_runtime_1.jsx)("p", { className: 'font-16-bold', children: "Cadastre-se para receber lan\u00E7amentos e not\u00EDcias" }), (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { button: { text: 'Cadastrar', className: 'font-18-bold' },
|
|
113
|
+
return ((0, jsx_runtime_1.jsxs)(S.Box, { className: 'newsletter', children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-24-bold', children: "Newsletter" }), (0, jsx_runtime_1.jsx)("p", { className: 'font-16-bold', children: "Cadastre-se para receber lan\u00E7amentos e not\u00EDcias" }), (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { onSucess: handleSucess, defaultSchemas: { email: true }, button: { text: 'Cadastrar', className: 'font-18-bold' }, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { className: 'font-18-regular', name: 'email', placeholder: 'Digite seu e-mail', type: 'email' }) }, key)] }));
|
|
108
114
|
}
|
|
109
115
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/blog/components/side-box-newsletter/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/blog/components/side-box-newsletter/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wCA2CC;;AAjDD,+BAAgC;AAEhC,2BAAwD;AAExD,2CAA8B;AAE9B,SAAgB,cAAc;IACtB,IAAA,KAAgB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA1B,GAAG,QAAA,EAAE,MAAM,QAAe,CAAA;IACzB,IAAA,WAAW,GAAK,IAAA,aAAQ,GAAE,YAAf,CAAe;IAElC,SAAe,YAAY,CAAC,IAAI;;;;;;;wBAE5B,qBAAM,IAAA,QAAG,EAAC;gCACR,GAAG,EAAE,wBAAwB;gCAC7B,MAAM,EAAE,MAAM;gCACd,OAAO,EAAE;oCACP,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM;iCAC3B;gCACD,IAAI,EAAE;oCACJ,KAAK,EAAE,IAAI,CAAC,KAAK;oCACjB,SAAS,EAAE,YAAY;oCACvB,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM;iCAC/B;6BACF,CAAC,EAAA;;wBAXF,SAWE,CAAA;wBAEF,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,GAAG,CAAC,EAAR,CAAQ,CAAC,CAAA;wBAE1B,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,iCAAiC,EAAE,CAAC,CAAA;;;;wBAE9E,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAA;;;;;;KAE/D;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,GAAG,IAAC,SAAS,EAAC,YAAY,aAC3B,+BAAI,SAAS,EAAC,cAAc,2BAAgB,EAE5C,8BAAG,SAAS,EAAC,cAAc,0EAAoD,EAE/E,uBAAC,gBAAW,IAEV,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,YAExD,uBAAC,UAAK,IAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,GAAG,IAL1F,GAAG,CAMI,IACR,CACT,CAAA;AACH,CAAC"}
|
|
@@ -35,16 +35,24 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
36
|
exports.BoxCarousel = BoxCarousel;
|
|
37
37
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var react_1 = require("react");
|
|
38
39
|
var ui_1 = require("../../../../../../../ui/index.js");
|
|
40
|
+
var modal_image_1 = require("./modal-image/index.js");
|
|
39
41
|
var S = __importStar(require("./styles.js"));
|
|
40
42
|
function BoxCarousel() {
|
|
41
|
-
var _a;
|
|
43
|
+
var _a, _b;
|
|
42
44
|
var page = (0, ui_1.useSection)({ ref: 'page' }).page;
|
|
43
|
-
var
|
|
45
|
+
var _c = (0, react_1.useState)(''), image = _c[0], setImage = _c[1];
|
|
46
|
+
var _d = (0, react_1.useState)(false), isOpen = _d[0], setIsOpen = _d[1];
|
|
47
|
+
var isMobile = ((_a = (0, ui_1.useWindow)()) === null || _a === void 0 ? void 0 : _a.innerWidth) <= 768 || false;
|
|
48
|
+
var _e = (0, ui_1.useCarousel)({
|
|
44
49
|
id: 'carousel-post',
|
|
45
50
|
Component: function (_a) {
|
|
46
51
|
var url = _a.url;
|
|
47
|
-
return (0, jsx_runtime_1.jsx)("img", { src: url
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)("img", { src: url, onClick: function () {
|
|
53
|
+
setIsOpen(true);
|
|
54
|
+
setImage(url);
|
|
55
|
+
} }));
|
|
48
56
|
},
|
|
49
57
|
items: (page === null || page === void 0 ? void 0 : page.imagens) || [],
|
|
50
58
|
config: {
|
|
@@ -54,9 +62,14 @@ function BoxCarousel() {
|
|
|
54
62
|
delay: 3000,
|
|
55
63
|
},
|
|
56
64
|
},
|
|
57
|
-
}), Carousel =
|
|
58
|
-
if (!Array.isArray(page === null || page === void 0 ? void 0 : page.imagens) || ((
|
|
65
|
+
}), Carousel = _e.Carousel, Prev = _e.Prev, Next = _e.Next;
|
|
66
|
+
if (!Array.isArray(page === null || page === void 0 ? void 0 : page.imagens) || ((_b = page === null || page === void 0 ? void 0 : page.imagens) === null || _b === void 0 ? void 0 : _b.length) === 0)
|
|
59
67
|
return null;
|
|
60
|
-
return ((0, jsx_runtime_1.jsxs)(S.BoxCarousel, { className: 'box-carousel', children: [(0, jsx_runtime_1.jsx)(Prev, { children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron' }) }), (0, jsx_runtime_1.jsx)(Carousel, {}), (0, jsx_runtime_1.jsx)(Next, { children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) })
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)(S.BoxCarousel, { className: 'box-carousel', children: [(0, jsx_runtime_1.jsx)(Prev, { children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLeftChevron' }) }), (0, jsx_runtime_1.jsx)(Carousel, {}), (0, jsx_runtime_1.jsx)(Next, { children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) }), (0, jsx_runtime_1.jsx)(ui_1.Modal, { open: isOpen, hideCloseButton: true, onClose: function () { return setIsOpen(false); }, styles: {
|
|
69
|
+
padding: 0,
|
|
70
|
+
background: 'transparent',
|
|
71
|
+
boxShadow: 'none',
|
|
72
|
+
maxWidth: 'fit-content',
|
|
73
|
+
}, children: (0, jsx_runtime_1.jsx)(modal_image_1.ModalImage, { image: image }) })] }));
|
|
61
74
|
}
|
|
62
75
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,kCA2DC;;AAnED,+BAAgC;AAEhC,2BAAsE;AAEtE,6CAA0C;AAE1C,0CAA6B;AAE7B,SAAgB,WAAW;;IACjB,IAAA,IAAI,GAAK,IAAA,eAAU,EAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,KAAhC,CAAgC;IACtC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAA;IAChC,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,IAAM,QAAQ,GAAG,CAAA,MAAA,IAAA,cAAS,GAAE,0CAAE,UAAU,KAAI,GAAG,IAAI,KAAK,CAAA;IAElD,IAAA,KAA2B,IAAA,gBAAW,EAAM;QAChD,EAAE,EAAE,eAAe;QACnB,SAAS,EAAE,UAAC,EAAO;gBAAL,GAAG,SAAA;YACf,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;oBACP,SAAS,CAAC,IAAI,CAAC,CAAA;oBACf,QAAQ,CAAC,GAAG,CAAC,CAAA;gBACf,CAAC,GACD,CACH,CAAA;QACH,CAAC;QACD,KAAK,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,EAAE;QAC1B,MAAM,EAAE;YACN,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE;gBACR,KAAK,EAAE,IAAI;aACZ;SACF;KACF,CAAC,EArBM,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAqB1B,CAAA;IAEF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,IAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,MAAM,MAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7E,OAAO,CACL,wBAAC,CAAC,CAAC,WAAW,IAAC,SAAS,EAAC,cAAc,aACrC,uBAAC,IAAI,cACH,uBAAC,SAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,GAC1B,EAEP,uBAAC,QAAQ,KAAG,EAEZ,uBAAC,IAAI,cACH,uBAAC,SAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,GAC3B,EAEP,uBAAC,UAAK,IACJ,IAAI,EAAE,MAAM,EACZ,eAAe,QACf,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAC/B,MAAM,EAAE;oBACN,OAAO,EAAE,CAAC;oBACV,UAAU,EAAE,aAAa;oBACzB,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,aAAa;iBACxB,YAED,uBAAC,wBAAU,IAAC,KAAK,EAAE,KAAK,GAAI,GACtB,IACM,CACjB,CAAA;AACH,CAAC"}
|
package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/index.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.ModalImage = ModalImage;
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var S = __importStar(require("./styles.js"));
|
|
39
|
+
function ModalImage(_a) {
|
|
40
|
+
var image = _a.image;
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(S.ModalImage, { children: (0, jsx_runtime_1.jsx)("img", { src: image }) }));
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,gCAMC;;AARD,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,EAA6B;QAA3B,KAAK,WAAA;IAChC,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cACX,gCAAK,GAAG,EAAE,KAAK,GAAI,GACN,CAChB,CAAA;AACH,CAAC"}
|
package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ModalImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
|
package/dist/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/styles.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.ModalImage = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.ModalImage = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n\n img {\n width: 100%;\n height: auto;\n max-width: 1200px;\n max-height: 70vh;\n object-fit: contain;\n border-radius: 10px;\n overflow: hidden;\n }\n\n @media only screen and (max-width: 768px) {\n img {\n max-height: 80vh;\n }\n }\n"], ["\n position: relative;\n\n img {\n width: 100%;\n height: auto;\n max-width: 1200px;\n max-height: 70vh;\n object-fit: contain;\n border-radius: 10px;\n overflow: hidden;\n }\n\n @media only screen and (max-width: 768px) {\n img {\n max-height: 80vh;\n }\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/modal-image/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8WAAA,2SAkBtC,KAAA"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.BoxCarousel = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.BoxCarousel = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n background-color: #fff;\n border-radius: 20px;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n border: 1px solid #00000029;\n border-radius: 10px;\n\n > div {\n width: 100%;\n overflow: hidden;\n max-width: 97%;\n margin: 0 auto;\n }\n\n .swiper {\n width: 100%;\n }\n\n img {\n width: 100%;\n object-fit: cover;\n
|
|
12
|
+
exports.BoxCarousel = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n background-color: #fff;\n border-radius: 20px;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n border: 1px solid #00000029;\n border-radius: 10px;\n\n > div {\n width: 100%;\n overflow: hidden;\n max-width: 97%;\n margin: 0 auto;\n }\n\n .swiper {\n width: 100%;\n border-radius: 10px;\n }\n\n img {\n width: 100%;\n object-fit: cover;\n aspect-ratio: 882/406;\n transition: transform 0.3s ease;\n\n &:hover {\n cursor: pointer;\n transform: scale(1.05);\n }\n }\n\n .swiper-slide {\n overflow: hidden;\n width: 100%;\n max-width: 400px;\n border-radius: 10px;\n }\n\n > button {\n padding: 0;\n border: none;\n background: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n width: 20px;\n height: 20px;\n fill: ", ";\n }\n\n &:first-child {\n left: 15px;\n }\n\n &:last-child {\n right: 15px;\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n padding: 35px;\n }\n\n @media only screen and (max-width: 1200px) {\n padding: 30px;\n }\n\n @media only screen and (max-width: 1024px) {\n padding: 25px;\n\n > button {\n svg {\n width: 15px;\n height: 15px;\n }\n\n &:first-child {\n left: 5px;\n }\n\n &:last-child {\n right: 5px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n padding: 20px;\n }\n"], ["\n width: 100%;\n position: relative;\n background-color: #fff;\n border-radius: 20px;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n border: 1px solid #00000029;\n border-radius: 10px;\n\n > div {\n width: 100%;\n overflow: hidden;\n max-width: 97%;\n margin: 0 auto;\n }\n\n .swiper {\n width: 100%;\n border-radius: 10px;\n }\n\n img {\n width: 100%;\n object-fit: cover;\n aspect-ratio: 882/406;\n transition: transform 0.3s ease;\n\n &:hover {\n cursor: pointer;\n transform: scale(1.05);\n }\n }\n\n .swiper-slide {\n overflow: hidden;\n width: 100%;\n max-width: 400px;\n border-radius: 10px;\n }\n\n > button {\n padding: 0;\n border: none;\n background: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n width: 20px;\n height: 20px;\n fill: ", ";\n }\n\n &:first-child {\n left: 15px;\n }\n\n &:last-child {\n right: 15px;\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n padding: 35px;\n }\n\n @media only screen and (max-width: 1200px) {\n padding: 30px;\n }\n\n @media only screen and (max-width: 1024px) {\n padding: 25px;\n\n > button {\n svg {\n width: 15px;\n height: 15px;\n }\n\n &:first-child {\n left: 5px;\n }\n\n &:last-child {\n right: 5px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n padding: 20px;\n }\n"])), function (props) { return props.theme.primaryColor; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0vDAAA,mgCA0D1B,EAAmC,krBA+ChD,KA/Ca,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA+ChD"}
|