nestiq-component-library 1.1.94 → 1.1.96

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,19 +108,15 @@ export default function PropertyCard(props: PopupProps) {
108
108
  };
109
109
 
110
110
  return (
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
- >
111
+ <div className="d-flex flex-row property-card">
112
+ <div className="d-flex flex-column col-md-6" onClick={props.onClick}>
116
113
  <div
117
114
  key={props.property.id}
118
- className="card-bod position-relative cardStyles h-100 w-100"
115
+ className="card-bod position-relative cardStyles h-100 w-100"
119
116
  style={{
120
117
  backgroundImage: `url(${mainImage || pictureUrls[0]})`,
121
118
  backgroundSize: "cover",
122
119
  backgroundPosition: "center",
123
- maxWidth: "740px",
124
120
  }}
125
121
  >
126
122
  <div className="d-flex flex-row justify-content-between gap-5">
@@ -162,11 +158,8 @@ export default function PropertyCard(props: PopupProps) {
162
158
  </div>
163
159
  </div>
164
160
  </div>
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
- >
161
+ <div className="d-flex flex-column listing-compacts col-md-6">
162
+ <div className="d-flex align-self-end justify-content-end gap-2">
170
163
  <img
171
164
  src={shareIcon}
172
165
  alt="Location Icon"
@@ -141,7 +141,7 @@ export default function PropertyImageList(prop: PopupProps) {
141
141
  <div className="col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3 ms-1">
142
142
  <img
143
143
  src={iconArrowRight}
144
- className="arroIconColour h-100"
144
+ className="arroIconColour "
145
145
  alt="Right Arrow"
146
146
  />
147
147
  </div>
@@ -157,7 +157,7 @@ export default function PropertyImageList(prop: PopupProps) {
157
157
  onClick={toggleAllPhotos}
158
158
  >
159
159
  <div className="border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3">
160
- <img src={iconGallery} alt="Gallery Icon" className="h-100"/>
160
+ <img src={iconGallery} alt="Gallery Icon" />
161
161
  <span className="listImgText">Alle Fotos</span>
162
162
  </div>
163
163
  </div>