nestiq-component-library 1.1.129 → 1.1.131
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/components/NewPropertyCard/NewPropertyCard.d.ts +1 -0
- package/dist/index.es.js +20 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +20 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +57 -23
- package/src/components/PropertyImageList/PropertyImageList.css +1 -1
package/dist/index.js
CHANGED
|
@@ -180,7 +180,7 @@ var iconMap = "/static/media/icon_map.2318ec664c3e615e.svg";
|
|
|
180
180
|
|
|
181
181
|
var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
182
182
|
|
|
183
|
-
var css_248z$6 = ".mainImage {\r\n height: 80%;\r\n}\r\n\r\n.secondList {\r\n height: 20%;\r\n max-height: 121.6px;\r\n}\r\n\r\n.listImageButton {\r\n background-image: linear-gradient(to top, #000
|
|
183
|
+
var css_248z$6 = ".mainImage {\r\n height: 80%;\r\n}\r\n\r\n.secondList {\r\n height: 20%;\r\n max-height: 121.6px;\r\n}\r\n\r\n.listImageButton {\r\n background-image: linear-gradient(to top, #000, #666);\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 121px;\r\n}\r\n\r\n.listImgText {\r\n height: 30px;\r\n font-size: 14px;\r\n line-height: 2.14;\r\n color: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n height: 30px;\r\n fill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n width: 50px;\r\n height: 50px;\r\n padding: 23px 8px;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.imagesArray {\r\n background-size: \"cover\" !important;\r\n}\r\n@media (max-width: 450px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 500px;\r\n width: 88vw;\r\n }\r\n}\r\n\r\n/* @media (min-width: 390px) and (max-width: 850px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 500px;\r\n width: 58vw;\r\n }\r\n} */\r\n@media (min-width: 768px) and (max-width: 819px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 80%;\r\n width: 58vw;\r\n }\r\n}\r\n@media (min-width: 820px) and (max-width: 850) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 80%;\r\n width: 58vw;\r\n }\r\n}\r\n";
|
|
184
184
|
styleInject(css_248z$6);
|
|
185
185
|
|
|
186
186
|
var css_248z$5 = ".popup-header {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n padding: 1rem;\r\n position: absolute;\r\n top: 0;\r\n}\r\n\r\n.popup-title {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n.btn-close {\r\n position: absolute;\r\n right: 1rem;\r\n top: 1rem;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n}\r\n\r\n.popup-body {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 1rem;\r\n position: relative;\r\n flex: 1;\r\n}\r\n\r\n.main-image {\r\n max-width: 100%;\r\n max-height: 80vh;\r\n border-radius: 8px;\r\n}\r\n\r\n.btn-prev,\r\n.btn-next {\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 48px;\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.btn-prev {\r\n left: 10px;\r\n}\r\n\r\n.btn-next {\r\n right: 10px;\r\n}\r\n\r\n.popup-thumbnails {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 1rem;\r\n}\r\n\r\n.thumbnail {\r\n width: 60px;\r\n height: 60px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n}\r\n\r\n.thumbnail.active {\r\n border: 2px solid white;\r\n opacity: 1;\r\n}\r\n";
|
|
@@ -578,7 +578,22 @@ function PropertyCard(props) {
|
|
|
578
578
|
React.createElement("span", { className: "layersText" }, "Terrace"))),
|
|
579
579
|
props.property.guestBathroom && (React.createElement("label", { className: "col-1 thirdLabels justify-content-center align-items-center " },
|
|
580
580
|
React.createElement("span", { className: "layersText " }, "Gäste-WC"))))),
|
|
581
|
-
React.createElement("div", { className: "", style: {
|
|
581
|
+
props.Impliment && (React.createElement("div", { className: "", style: {
|
|
582
|
+
paddingLeft: "32px",
|
|
583
|
+
paddingRight: "32px",
|
|
584
|
+
paddingTop: "32px",
|
|
585
|
+
} },
|
|
586
|
+
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
587
|
+
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
588
|
+
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
589
|
+
React.createElement("div", { className: "d-flex flex-column col-8 justify-content-center " },
|
|
590
|
+
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
591
|
+
React.createElement("span", null, "Immogart UGh"),
|
|
592
|
+
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
593
|
+
React.createElement("span", { className: "kontact-button-text" },
|
|
594
|
+
"Kontakt aufnehmen",
|
|
595
|
+
" ")))))),
|
|
596
|
+
!props.Impliment && (React.createElement("div", { className: "", style: {
|
|
582
597
|
paddingLeft: "32px",
|
|
583
598
|
paddingRight: "32px",
|
|
584
599
|
paddingTop: "32px",
|
|
@@ -591,7 +606,9 @@ function PropertyCard(props) {
|
|
|
591
606
|
React.createElement("span", { className: "" }, "Herr Florian Gauss"),
|
|
592
607
|
React.createElement("span", null, "Immogart UGh")),
|
|
593
608
|
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
594
|
-
React.createElement("span", { className: "kontact-button-text" },
|
|
609
|
+
React.createElement("span", { className: "kontact-button-text" },
|
|
610
|
+
"Kontakt aufnehmen",
|
|
611
|
+
" "))))))),
|
|
595
612
|
floorPlan && (React.createElement(FloorPlanPopup, { contentUrl: props.floorPlanUrl, onCloseClick: function () { return setFloorPlan(false); } })),
|
|
596
613
|
sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
|
|
597
614
|
}
|