nestiq-component-library 1.1.90 → 1.1.92

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.
@@ -108,8 +108,11 @@ export default function PropertyCard(props: PopupProps) {
108
108
  };
109
109
 
110
110
  return (
111
- <div className="d-flex flex-row card">
112
- <div className="d-flex flex-column col-md-6 col-lg-12" onClick={props.onClick}>
111
+ <div className="d-flex flex-row ">
112
+ <div
113
+ className="d-flex flex-column col-md-6 col-lg-6"
114
+ onClick={props.onClick}
115
+ >
113
116
  <div
114
117
  key={props.property.id}
115
118
  className="card-bod position-relative cardStyles h-100 w-100"
@@ -117,6 +120,7 @@ export default function PropertyCard(props: PopupProps) {
117
120
  backgroundImage: `url(${mainImage || pictureUrls[0]})`,
118
121
  backgroundSize: "cover",
119
122
  backgroundPosition: "center",
123
+ maxWidth: "740px",
120
124
  }}
121
125
  >
122
126
  <div className="d-flex flex-row justify-content-between gap-5">
@@ -158,8 +162,11 @@ export default function PropertyCard(props: PopupProps) {
158
162
  </div>
159
163
  </div>
160
164
  </div>
161
- <div className="d-flex flex-column listing-compacts col-md-6 col-lg-12">
162
- <div className="d-flex align-self-end justify-content-end gap-2">
165
+ <div className="d-flex flex-column listing-compacts col-md-6 col-lg-6">
166
+ <div
167
+ className="d-flex align-self-end justify-content-end gap-2"
168
+ style={{ maxWidth: "740px" }}
169
+ >
163
170
  <img
164
171
  src={shareIcon}
165
172
  alt="Location Icon"
@@ -203,7 +210,7 @@ export default function PropertyCard(props: PopupProps) {
203
210
  <span>Bad</span>
204
211
  </span>
205
212
  </span>
206
- <span className="text-dark value col-lg-6 col-md-5 col-sm-7 me-3">
213
+ <span className="text-dark value col-lg-4 col-md-5 col-sm-7 ">
207
214
  {props.property.usableArea} m²
208
215
  <br />
209
216
  <span className="details">