infinity-forge 11.1.0 → 11.1.1
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/post/box-carousel/index.js +1 -11
- 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/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
|
@@ -48,20 +48,10 @@ function BoxCarousel() {
|
|
|
48
48
|
items: (page === null || page === void 0 ? void 0 : page.imagens) || [],
|
|
49
49
|
config: {
|
|
50
50
|
spaceBetween: 20,
|
|
51
|
+
slidesPerView: 'auto',
|
|
51
52
|
autoplay: {
|
|
52
53
|
delay: 3000,
|
|
53
54
|
},
|
|
54
|
-
breakpoints: {
|
|
55
|
-
0: {
|
|
56
|
-
slidesPerView: 1,
|
|
57
|
-
},
|
|
58
|
-
550: {
|
|
59
|
-
slidesPerView: 2,
|
|
60
|
-
},
|
|
61
|
-
1024: {
|
|
62
|
-
slidesPerView: 3,
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
55
|
},
|
|
66
56
|
}), Carousel = _a.Carousel, Prev = _a.Prev, Next = _a.Next;
|
|
67
57
|
if (!(page === null || page === void 0 ? void 0 : page.imagens))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/atena/presentation/dynamic-elements/pages/post/box-carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,kCAiCC;;AArCD,2BAAoD;AAEpD,0CAA6B;AAE7B,SAAgB,WAAW;IACjB,IAAA,IAAI,GAAK,IAAA,eAAU,EAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,KAAhC,CAAgC;IAEtC,IAAA,KAA2B,IAAA,gBAAW,EAAM;QAChD,EAAE,EAAE,eAAe;QACnB,SAAS,EAAE,UAAC,EAAO;gBAAL,GAAG,SAAA;YACf,OAAO,gCAAK,GAAG,EAAE,GAAG,GAAI,CAAA;QAC1B,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,EAbM,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAa1B,CAAA;IAEF,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA;QAAE,OAAO,IAAI,CAAA;IAE/B,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,IACO,CACjB,CAAA;AACH,CAAC"}
|
|
@@ -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\n > div {\n width: 100%;\n overflow: hidden;\n }\n\n .swiper {\n width: 100%;\n }\n\n img {\n width: 100%;\n object-fit: cover;\n border-radius: 10px;\n aspect-ratio: 882/406;\n }\n\n .swiper-slide {\n overflow: hidden;\n width: 100%;\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:
|
|
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 border-radius: 10px;\n aspect-ratio: 882/406;\n }\n\n .swiper-slide {\n overflow: hidden;\n width: 100%;\n max-width: 400px;\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 }\n\n img {\n width: 100%;\n object-fit: cover;\n border-radius: 10px;\n aspect-ratio: 882/406;\n }\n\n .swiper-slide {\n overflow: hidden;\n width: 100%;\n max-width: 400px;\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,2mDAAA,o3BAmD1B,EAAmC,krBA+ChD,KA/Ca,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA+ChD"}
|