nestiq-component-library 1.1.140 → 1.1.142
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/assets/images/{card-arrow-left.28090aba4b4f2006.svg → card-arrow-left.55343410142dad3f.svg} +4 -4
- package/dist/assets/images/{card-arrow-right.c60af4cbbd49f3aa.svg → card-arrow-right.60b3bf0e34c1800d.svg} +4 -4
- package/dist/assets/images/{imooly.890e3dd01ea33574.svg → imooly.b46514ac970e6052.svg} +7 -7
- package/dist/assets/images/{more.1e158adc48fbb406.svg → more.ce14789c8d37e327.svg} +12 -12
- package/dist/index.es.js +41 -52
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +41 -52
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +36 -36
- package/src/assets/images/card-arrow-left.svg +4 -4
- package/src/assets/images/card-arrow-right.svg +4 -4
- package/src/assets/images/imooly.svg +7 -7
- package/src/assets/images/more.svg +12 -12
- package/src/components/FloorPlanPopup/FloorPlanPopup.css +3 -3
- package/src/components/FloorPlanPopup/FloorPlanPopup.tsx +83 -83
- package/src/components/ImageListPopup/ImageListPopup.css +83 -83
- package/src/components/ImageListPopup/ImageListPopup.tsx +141 -141
- package/src/components/NewPropertyCard/NewPropertyCard.css +52 -43
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +358 -360
- package/src/components/Popup/Popup.tsx +29 -29
- package/src/components/ToastWrapper/ToastWrapper.tsx +25 -25
- package/src/models/message.model.ts +7 -7
- package/dist/assets/images/Icon_rightArrow.svg +0 -3
- package/dist/assets/images/LayersIcon.svg +0 -5
- package/dist/assets/images/blackarrow-Right.svg +0 -3
- package/dist/assets/images/blckarrow-Left.svg +0 -3
- package/dist/assets/images/chevron-left.svg +0 -3
- package/dist/assets/images/default-property.jpg +0 -0
- package/dist/assets/images/heartIcon.svg +0 -3
- package/dist/assets/images/icon-close-white.webp +0 -0
- package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
- package/dist/assets/images/icon_close_2.png +0 -0
- package/dist/assets/images/icon_gallery.svg +0 -4
- package/dist/assets/images/icon_map.svg +0 -10
- package/dist/assets/images/icon_share_1.svg +0 -3
- package/dist/assets/images/layer_icon.svg +0 -5
- package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +0 -4
- package/dist/assets/images/locationIcon.svg +0 -4
- package/dist/assets/images/locationIconBlack.svg +0 -4
- package/dist/assets/images/no-image-icon.png +0 -0
- package/dist/components/Button/Button.js +0 -6
- package/dist/components/ImageListPopup/ImageListPopup.js +0 -26
- package/dist/components/MessagePopup/ErrorPopup.d.ts +0 -7
- package/dist/components/Popup/Popup.js +0 -12
- package/dist/components/SharePopup/PopUp.d.ts +0 -7
package/dist/index.js
CHANGED
|
@@ -183,7 +183,7 @@ var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
|
183
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\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*{\r\n -ms-overflow-style: none;\r\n}\r\n::-webkit-scrollbar {\r\n display: none;\r\n}";
|
|
184
184
|
styleInject(css_248z$6);
|
|
185
185
|
|
|
186
|
-
var css_248z$5 = ".popup-header {\
|
|
186
|
+
var css_248z$5 = ".popup-header {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n padding: 1rem;\n position: absolute;\n top: 0;\n}\n\n.popup-title {\n color: white;\n font-size: 24px;\n font-weight: bold;\n}\n\n.btn-close {\n position: absolute;\n right: 1rem;\n top: 1rem;\n background: none;\n border: none;\n color: white;\n font-size: 24px;\n cursor: pointer;\n}\n\n.popup-body {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1rem;\n position: relative;\n flex: 1;\n}\n\n.main-image {\n max-width: 100%;\n max-height: 80vh;\n border-radius: 8px;\n}\n\n.btn-prev,\n.btn-next {\n background: none;\n border: none;\n color: white;\n font-size: 48px;\n cursor: pointer;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.btn-prev {\n left: 10px;\n}\n\n.btn-next {\n right: 10px;\n}\n\n.popup-thumbnails {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n padding: 1rem;\n}\n\n.thumbnail {\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 8px;\n cursor: pointer;\n opacity: 0.6;\n}\n\n.thumbnail.active {\n border: 2px solid white;\n opacity: 1;\n}\n";
|
|
187
187
|
styleInject(css_248z$5);
|
|
188
188
|
|
|
189
189
|
var iconClose = "/static/media/close.b5ce9141e80c688b.png";
|
|
@@ -438,22 +438,22 @@ function PropertyCard$1(props) {
|
|
|
438
438
|
React.createElement("span", null, "Wohnfl\u00E4che")))));
|
|
439
439
|
}
|
|
440
440
|
|
|
441
|
-
var css_248z$3 = ".property-card {\r\n width: 100%;\r\n max-width: 1280px;\r\n\r\n @media (min-width: 1500px) {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.listing-compact {\r\n align-self: stretch;\r\n max-width: 750px;\r\n flex-direction: column;\r\n gap:
|
|
441
|
+
var css_248z$3 = ".property-card {\r\n width: 100%;\r\n max-width: 1280px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n border-radius: 32px;\r\n\r\n @media (min-width: 1500px) {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.listing-compact {\r\n align-self: stretch;\r\n max-width: 750px;\r\n flex-direction: column;\r\n gap: 32px;\r\n border-radius: 0 32px 32px 0;\r\n background-color: rgba(58, 58, 58, 0.068);\r\n}\r\n\r\n.cc-height {\r\n height: 460px;\r\n}\r\n\r\n.listing-height {\r\n height: 422px;\r\n}\r\n\r\n.cardStyles {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 460px;\r\n border-radius: 32px 0px 0px 32px !important;\r\n}\r\n.cardTag {\r\n width: 75px;\r\n height: 30px;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 0 24px;\r\n border-radius: 16px;\r\n border: solid 1px #313131;\r\n background-color: #fff;\r\n}\r\n.Grundriss {\r\n width: 120px;\r\n height: 30px;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n background: linear-gradient(to top, #000, #666);\r\n}\r\n.Frame-136 {\r\n height: 85px;\r\n align-self: stretch;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 10px 16px;\r\n border-radius: 16px;\r\n border: solid 1px rgba(0, 0, 0, 0.1);\r\n background-color: #fff;\r\n}\r\n.kontactbutton {\r\n width: 198px;\r\n height: 43px;\r\n flex-grow: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n background: linear-gradient(to top, #000, #666);\r\n}\r\n.kontact-button-text {\r\n flex-grow: 0;\r\n font-family: Inter;\r\n font-size: 16px;\r\n font-weight: 500;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: normal;\r\n letter-spacing: normal;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n.propertyTitle {\r\n display: flex;\r\n flex-grow: 0;\r\n font-size: 24px;\r\n font-weight: 580;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: normal;\r\n letter-spacing: normal;\r\n text-align: start;\r\n color: #313131;\r\n}\r\n\r\n.chipLabel {\r\n height: 30px;\r\n padding: 0 10px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n border: solid 1px #000;\r\n background-color: #fff;\r\n display: flex;\r\n}\r\n\r\n.layersVector {\r\n width: 15.1px;\r\n height: 16px;\r\n}\r\n\r\n.layersText {\r\n padding: 0 8px;\r\n font-size: 14px;\r\n color: #1b1b1b;\r\n line-height: 2.14;\r\n text-wrap: nowrap;\r\n}\r\n\r\n.style-img {\r\n object-fit: cover;\r\n border-radius: 30px !important;\r\n}\r\n\r\n.Vector {\r\n width: 12px;\r\n height: 16.1px;\r\n flex-grow: 0;\r\n margin: 0.4px 6px 0.4px 0;\r\n}\r\n\r\n.customButton {\r\n width: 262px;\r\n height: 43px;\r\n color: #000;\r\n cursor: pointer;\r\n border-color: #161410;\r\n background-color: #181716;\r\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.button_text {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #1b1b1b;\r\n}\r\n\r\n.heartVector {\r\n width: 23px;\r\n height: 26.7px;\r\n cursor: pointer;\r\n}\r\n\r\n.heartVector.liked {\r\n fill: rgb(255, 255, 255) !important;\r\n}\r\n\r\n.location-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.location-icon {\r\n width: 16px;\r\n height: 21px;\r\n flex-grow: 0;\r\n object-fit: contain;\r\n}\r\n\r\n.locationTexts {\r\n font-size: 16px;\r\n color: #344041;\r\n text-align: center;\r\n}\r\n\r\n.arrowVector {\r\n width: 23px;\r\n height: 23px;\r\n flex-grow: 0;\r\n object-fit: contain;\r\n}\r\n\r\n.Price {\r\n font-size: 26px;\r\n font-weight: 500;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: normal;\r\n letter-spacing: normal;\r\n text-align: center;\r\n color: #ffffff;\r\n}\r\n\r\n.details {\r\n font-size: 16px;\r\n text-align: center;\r\n color: #344041;\r\n}\r\n\r\n.price_label {\r\n font-size: 16px;\r\n text-align: left;\r\n color: #344041;\r\n}\r\n\r\n.value {\r\n font-size: 20px;\r\n text-align: center;\r\n font-weight: 500;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n line-height: 1;\r\n}\r\n.priceValue {\r\n font-size: 20px;\r\n font-weight: 500;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n line-height: 1;\r\n}\r\n\r\n.class {\r\n background-color: #1b1b1b;\r\n}\r\n\r\n.header {\r\n height: 64px;\r\n justify-content: center;\r\n}\r\n\r\n.rightConer {\r\n width: 200px;\r\n}\r\n@media all and (min-width: 2560px) {\r\n .header {\r\n font-size: 38px;\r\n\r\n display: flex;\r\n }\r\n .cardStyle {\r\n gap: 0px;\r\n width: 350px;\r\n height: 300px;\r\n /* margin-left: 250px; */\r\n }\r\n}\r\n@media (max-width: 1399px) {\r\n .header {\r\n font-size: 38px;\r\n align-self: center;\r\n margin-left: 150px;\r\n }\r\n .cardStyle {\r\n gap: 0px;\r\n width: 350px;\r\n height: 300px;\r\n }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n .header {\r\n font-size: 38px;\r\n }\r\n .cardStyle {\r\n width: 300px;\r\n height: 250px;\r\n }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n .detail {\r\n font-size: 11px;\r\n padding: 2px;\r\n }\r\n .Price {\r\n font-size: 19px;\r\n }\r\n .header {\r\n font-size: 28px;\r\n }\r\n .locationText {\r\n font-size: 12px;\r\n }\r\n .customButton {\r\n width: 200px !important;\r\n }\r\n .button_text {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n .labelTopClass {\r\n width: 105px !important;\r\n }\r\n .layersText {\r\n font-size: 9px;\r\n padding: 0 2rem;\r\n }\r\n .firstLabel {\r\n gap: 2px;\r\n }\r\n .layersVector {\r\n width: 9px;\r\n height: 10px;\r\n gap: 0px;\r\n }\r\n .cardStyle {\r\n width: 320px !important;\r\n height: 220px !important;\r\n }\r\n .header {\r\n font-size: 24px;\r\n }\r\n .detail {\r\n font-size: 10px;\r\n padding: 2px;\r\n }\r\n .Price {\r\n font-size: 18px;\r\n }\r\n .locationText {\r\n font-size: 10px;\r\n }\r\n .Vector {\r\n width: 8px;\r\n height: 16px;\r\n margin: 0px 2px 0.4px;\r\n }\r\n}\r\n\r\n@media (max-width: 280px) {\r\n .cardStyle {\r\n width: 260px !important;\r\n height: 160px !important;\r\n }\r\n .detail {\r\n margin-bottom: 5px;\r\n font-size: 0.6ch;\r\n }\r\n .Price {\r\n font-size: 9px;\r\n }\r\n .locationText {\r\n font-size: 6px;\r\n }\r\n .Vector {\r\n width: 7px;\r\n height: 10px;\r\n margin: 0px 2px 4px;\r\n }\r\n .heartVector {\r\n width: 15px;\r\n height: 20px;\r\n }\r\n}\r\n";
|
|
442
442
|
styleInject(css_248z$3);
|
|
443
443
|
|
|
444
444
|
var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
|
|
445
445
|
|
|
446
446
|
var shareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
|
|
447
447
|
|
|
448
|
-
var moreIcon = "/static/media/more.
|
|
448
|
+
var moreIcon = "/static/media/more.ce14789c8d37e327.svg";
|
|
449
449
|
|
|
450
|
-
var arrowLeft = "/static/media/card-arrow-left.
|
|
450
|
+
var arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
|
|
451
451
|
|
|
452
|
-
var arrowRight = "/static/media/card-arrow-right.
|
|
452
|
+
var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
|
|
453
453
|
|
|
454
454
|
var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
455
455
|
|
|
456
|
-
var immooly = "/static/media/imooly.
|
|
456
|
+
var immooly = "/static/media/imooly.b46514ac970e6052.svg";
|
|
457
457
|
|
|
458
458
|
function PropertyCard(props) {
|
|
459
459
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -524,72 +524,62 @@ function PropertyCard(props) {
|
|
|
524
524
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
525
525
|
" ",
|
|
526
526
|
"Grundriss")))),
|
|
527
|
-
React.createElement("div", { className: "listing-compact d-flex flex-column col-6" },
|
|
528
|
-
React.createElement("div", { className: "d-flex flex-
|
|
529
|
-
React.createElement("
|
|
527
|
+
React.createElement("div", { className: "listing-compact d-flex flex-column col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
|
|
528
|
+
React.createElement("div", { className: "d-flex flex-column gap-3" },
|
|
529
|
+
React.createElement("div", { className: "d-flex flex-row justify-content-between gap-2" },
|
|
530
|
+
React.createElement("span", { className: "propertyTitle align-items-start ", style: {
|
|
531
|
+
paddingLeft: "32px",
|
|
532
|
+
paddingTop: "32px",
|
|
533
|
+
}, onClick: props.onClick, role: "button" }, (_c = props.property.expose) === null || _c === void 0 ? void 0 : _c.title),
|
|
534
|
+
React.createElement("div", { className: "d-flex gap-2", style: {
|
|
535
|
+
paddingRight: "32px",
|
|
536
|
+
paddingTop: "21px",
|
|
537
|
+
paddingLeft: "10px",
|
|
538
|
+
} },
|
|
539
|
+
React.createElement("img", { src: shareIcon, alt: "Share Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
|
|
540
|
+
React.createElement("img", { src: moreIcon, alt: "More Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }))),
|
|
541
|
+
React.createElement("div", { style: {
|
|
530
542
|
paddingLeft: "32px",
|
|
531
|
-
paddingTop: "32px",
|
|
532
|
-
}, onClick: props.onClick, role: "button" }, (_c = props.property.expose) === null || _c === void 0 ? void 0 : _c.title),
|
|
533
|
-
React.createElement("div", { className: "d-flex gap-2", style: {
|
|
534
543
|
paddingRight: "32px",
|
|
535
|
-
paddingTop: "21px",
|
|
536
|
-
paddingLeft: "76px",
|
|
537
544
|
} },
|
|
538
|
-
|
|
539
|
-
React.createElement("
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
paddingRight: "32px",
|
|
543
|
-
paddingTop: "32px",
|
|
544
|
-
} },
|
|
545
|
-
" ",
|
|
546
|
-
React.createElement("div", { className: "d-flex " },
|
|
547
|
-
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "Vector" }),
|
|
548
|
-
React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A"))),
|
|
545
|
+
" ",
|
|
546
|
+
React.createElement("div", { className: "location-wrapper" },
|
|
547
|
+
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "location-icon" }),
|
|
548
|
+
React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A")))),
|
|
549
549
|
React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between ", style: {
|
|
550
550
|
paddingLeft: "32px",
|
|
551
551
|
paddingRight: "32px",
|
|
552
|
-
paddingTop: "32px",
|
|
553
552
|
} },
|
|
554
553
|
React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6 " },
|
|
555
554
|
formatPrice((_f = (_e = (_d = props.property) === null || _d === void 0 ? void 0 : _d.evaluation) === null || _e === void 0 ? void 0 : _e.askingPrice) !== null && _f !== void 0 ? _f : 0),
|
|
556
555
|
" \u20AC",
|
|
557
|
-
React.createElement("
|
|
558
|
-
|
|
559
|
-
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7 " },
|
|
556
|
+
React.createElement("div", { className: "price_label" }, "Kaufpreis")),
|
|
557
|
+
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7" },
|
|
560
558
|
props.property.constructedArea,
|
|
561
559
|
" m\u00B2",
|
|
562
|
-
React.createElement("
|
|
563
|
-
React.createElement("span", { className: "details" },
|
|
564
|
-
React.createElement("span", null, "Wohnfl\u00E4che"))),
|
|
560
|
+
React.createElement("div", { className: "details" }, "Wohnfl\u00E4che")),
|
|
565
561
|
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate " },
|
|
566
562
|
+((_g = props.property) === null || _g === void 0 ? void 0 : _g.rooms),
|
|
567
|
-
React.createElement("
|
|
568
|
-
React.createElement("span", { className: "details" },
|
|
569
|
-
" ",
|
|
570
|
-
React.createElement("span", null, "Zimmer"))),
|
|
563
|
+
React.createElement("div", { className: "details" }, "Zimmer")),
|
|
571
564
|
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate " },
|
|
572
565
|
+props.property.propertyArea,
|
|
573
566
|
" m\u00B2",
|
|
574
|
-
React.createElement("
|
|
575
|
-
|
|
576
|
-
React.createElement("span", null, "Grundst\u00FCck")))),
|
|
577
|
-
React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "32px" } },
|
|
567
|
+
React.createElement("div", { className: "details" }, "Grundst\u00FCck"))),
|
|
568
|
+
React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "0 28px" } },
|
|
578
569
|
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3" },
|
|
579
|
-
props.property.historicalProtection && (React.createElement("label", { className: "
|
|
580
|
-
React.createElement("span", { className: "layersText
|
|
581
|
-
props.property.basement && (React.createElement("label", { className: "
|
|
582
|
-
React.createElement("span", { className: "layersText
|
|
583
|
-
props.property.balcony && (React.createElement("label", { className: "
|
|
584
|
-
React.createElement("span", { className: "layersText
|
|
585
|
-
props.property.terrace && (React.createElement("label", { className: "
|
|
570
|
+
props.property.historicalProtection && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
571
|
+
React.createElement("span", { className: "layersText" }, "Denkmalschutz"))),
|
|
572
|
+
props.property.basement && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
573
|
+
React.createElement("span", { className: "layersText" }, "Keller"))),
|
|
574
|
+
props.property.balcony && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
575
|
+
React.createElement("span", { className: "layersText" }, "Balkon"))),
|
|
576
|
+
props.property.terrace && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center " },
|
|
586
577
|
React.createElement("span", { className: "layersText" }, "Terrace"))),
|
|
587
|
-
props.property.guestBathroom && (React.createElement("label", { className: "
|
|
588
|
-
React.createElement("span", { className: "layersText
|
|
578
|
+
props.property.guestBathroom && (React.createElement("label", { className: "chipLabel" },
|
|
579
|
+
React.createElement("span", { className: "layersText" }, "Gäste-WC"))))),
|
|
589
580
|
props.Impliment && (React.createElement("div", { className: "", style: {
|
|
590
581
|
paddingLeft: "32px",
|
|
591
582
|
paddingRight: "32px",
|
|
592
|
-
paddingBottom: "32px",
|
|
593
583
|
} },
|
|
594
584
|
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
595
585
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
@@ -604,13 +594,12 @@ function PropertyCard(props) {
|
|
|
604
594
|
!props.Impliment && (React.createElement("div", { className: "", style: {
|
|
605
595
|
paddingLeft: "32px",
|
|
606
596
|
paddingRight: "32px",
|
|
607
|
-
paddingBottom: "32px",
|
|
608
597
|
} },
|
|
609
598
|
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
610
599
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
611
600
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
612
601
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row justify-content-between" },
|
|
613
|
-
React.createElement("div", { className: "d-flex flex-column col-
|
|
602
|
+
React.createElement("div", { className: "d-flex flex-column col-6" },
|
|
614
603
|
React.createElement("span", { className: "" }, "Herr Florian Gauss"),
|
|
615
604
|
React.createElement("span", null, "Immogart UGh")),
|
|
616
605
|
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|