nestiq-component-library 1.1.62 → 1.1.64

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -13,6 +13,7 @@ import FloorPlanPopup from "../FloorPlanPopup/FloorPlanPopup";
 // import MessagePopUp from "../MessagePopup/MessagePopUp";
 import SharePopup from "../SharePopup/SharePopup";
 import { MessageModel } from "../../models/message.model";
+import immooly from "../../assets/images/imooly.svg";
 
 interface PopupProps {
   property: {
@@ -178,14 +179,12 @@ export default function PropertyCard(props: PopupProps) {
             </span>
           </div>
         </div>
-        <div className="d-flex  flex-row ">
-          <div className="d-flex col-5">
-            <span className="value   ">
-              {formatPrice(props.property?.evaluation?.askingPrice ?? 0)} €
-              <br />
-              <span className="details">Kaufpreis</span>
-            </span>
-          </div>
+        <div className="d-flex  flex-row gap-lg-5 col-6 col-lg-8 gap-md-2 ">
+          <span className="value   ">
+            {formatPrice(props.property?.evaluation?.askingPrice ?? 0)} €
+            <br />
+            <span className="details">Kaufpreis</span>
+          </span>
           <span className="text-dark value col-lg-4 col-md-4 col-sm-6 text-truncate  ">
             {+props.property.rooms}
             <br />
@@ -210,7 +209,7 @@ export default function PropertyCard(props: PopupProps) {
           </span>
         </div>
         <div className="labelTopClass d-flex top-0 start-0 col-sm-5 col-lg-8 ">
-          <div className=" align-items-center d-flex flex-row  gap-2">
+          <div className=" align-items-center d-flex flex-row  gap-3">
             {props.property.historicalProtection && (
               <label className="thirdLabels justify-content-center align-items-center">
                 <span className="layersText ">{"Denkmalschutz"}</span>
@@ -227,33 +226,26 @@ export default function PropertyCard(props: PopupProps) {
                 <span className="layersText ">{"Balkon"}</span>
               </label>
             )}
-          </div>
-          <div className=" align-items-center  gap-2">
             {props.property.terrace && (
               <label className="thirdLabels justify-content-center align-items-center ">
                 <span className="layersText">{"Terrace"}</span>
               </label>
             )}
-            <div className="d-flex ">
-              {props.property.guestBathroom && (
-                <label className="col-1 thirdLabels justify-content-center align-items-center ">
-                  <span className="layersText  ">{"Gäste-WC"}</span>
-                </label>
-              )}
-            </div>
+            {props.property.guestBathroom && (
+              <label className="col-1 thirdLabels justify-content-center align-items-center ">
+                <span className="layersText  ">{"Gäste-WC"}</span>
+              </label>
+            )}
           </div>
         </div>
         <div className="Frame-136 d-flex flex-row">
-          <div className="d-flex flex-column col-5 justify-content-between">
-            <span className="h4">
-              <strong>McGrath</strong>{" "}
-            </span>
+          <div className="d-flex flex-column flex-lg-row col-4 justify-content-between ">
+            <img src={immooly} alt="Logo" className="immooly" />
           </div>
           <div className="d-flex flex-column justify-content-between">
-            <span>
-              <strong>Herr John McGrath</strong>{" "}
+            <span className="d-flex col-5">
+              Herr Florian Gauss Immogart UGh
             </span>
-            <span>McGrath</span>
             <button
               className="kontactbutton text-light "
               onClick={handleMessagPopUp}

package/src/components/PropertyCard/PropertyCard.css

@@ -19,9 +19,9 @@
 }
 
 .secondLabel {
-  width: 85px;
+  width: fit-content;
   height: 25px;
-  padding: 0 7px;
+  padding: 0 17px;
   border-radius: 16px;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
   border: solid 1px #000;