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.es.js
CHANGED
|
@@ -178,7 +178,7 @@ var iconMap = "/static/media/icon_map.2318ec664c3e615e.svg";
|
|
|
178
178
|
|
|
179
179
|
var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
180
180
|
|
|
181
|
-
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
|
|
181
|
+
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";
|
|
182
182
|
styleInject(css_248z$6);
|
|
183
183
|
|
|
184
184
|
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";
|
|
@@ -576,7 +576,22 @@ function PropertyCard(props) {
|
|
|
576
576
|
React.createElement("span", { className: "layersText" }, "Terrace"))),
|
|
577
577
|
props.property.guestBathroom && (React.createElement("label", { className: "col-1 thirdLabels justify-content-center align-items-center " },
|
|
578
578
|
React.createElement("span", { className: "layersText " }, "Gäste-WC"))))),
|
|
579
|
-
React.createElement("div", { className: "", style: {
|
|
579
|
+
props.Impliment && (React.createElement("div", { className: "", style: {
|
|
580
|
+
paddingLeft: "32px",
|
|
581
|
+
paddingRight: "32px",
|
|
582
|
+
paddingTop: "32px",
|
|
583
|
+
} },
|
|
584
|
+
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
585
|
+
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
586
|
+
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
587
|
+
React.createElement("div", { className: "d-flex flex-column col-8 justify-content-center " },
|
|
588
|
+
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
589
|
+
React.createElement("span", null, "Immogart UGh"),
|
|
590
|
+
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
591
|
+
React.createElement("span", { className: "kontact-button-text" },
|
|
592
|
+
"Kontakt aufnehmen",
|
|
593
|
+
" ")))))),
|
|
594
|
+
!props.Impliment && (React.createElement("div", { className: "", style: {
|
|
580
595
|
paddingLeft: "32px",
|
|
581
596
|
paddingRight: "32px",
|
|
582
597
|
paddingTop: "32px",
|
|
@@ -589,7 +604,9 @@ function PropertyCard(props) {
|
|
|
589
604
|
React.createElement("span", { className: "" }, "Herr Florian Gauss"),
|
|
590
605
|
React.createElement("span", null, "Immogart UGh")),
|
|
591
606
|
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
592
|
-
React.createElement("span", { className: "kontact-button-text" },
|
|
607
|
+
React.createElement("span", { className: "kontact-button-text" },
|
|
608
|
+
"Kontakt aufnehmen",
|
|
609
|
+
" "))))))),
|
|
593
610
|
floorPlan && (React.createElement(FloorPlanPopup, { contentUrl: props.floorPlanUrl, onCloseClick: function () { return setFloorPlan(false); } })),
|
|
594
611
|
sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
|
|
595
612
|
}
|