@loafmarkets/ui 0.1.224 → 0.1.225

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/index.mjs CHANGED
@@ -8691,18 +8691,25 @@ function PropertyOverview({
8691
8691
  /* @__PURE__ */ jsx(SectionHeader, { children: "The Asset" }),
8692
8692
  galleryImages.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
8693
8693
  /* @__PURE__ */ jsxs(GallerySpecRow, { children: [
8694
- /* @__PURE__ */ jsx(GallerySpecLeft, { children: /* @__PURE__ */ jsx(
8695
- GalleryMapSection,
8696
- {
8697
- images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8698
- categories: galleryCategories2,
8699
- propertyLocation: location,
8700
- videoUrl,
8701
- tokenName,
8702
- onPhotoClick: onPhotosClick,
8703
- hideMap: true
8704
- }
8705
- ) }),
8694
+ /* @__PURE__ */ jsxs(GallerySpecLeft, { children: [
8695
+ /* @__PURE__ */ jsx(
8696
+ GalleryMapSection,
8697
+ {
8698
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8699
+ categories: galleryCategories2,
8700
+ propertyLocation: location,
8701
+ videoUrl,
8702
+ tokenName,
8703
+ onPhotoClick: onPhotosClick,
8704
+ hideMap: true
8705
+ }
8706
+ ),
8707
+ /* @__PURE__ */ jsx(FeaturesPanel, { children: features.map((item, i) => /* @__PURE__ */ jsxs(AssetFeatureItem, { children: [
8708
+ item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8709
+ item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8710
+ /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8711
+ ] }, i)) })
8712
+ ] }),
8706
8713
  /* @__PURE__ */ jsxs(StatsColumn, { children: [
8707
8714
  /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
8708
8715
  /* @__PURE__ */ jsxs(StatRow, { children: [
@@ -8743,11 +8750,6 @@ function PropertyOverview({
8743
8750
  /* @__PURE__ */ jsx(StatLabel, { children: "5yr Property Growth" }),
8744
8751
  /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8745
8752
  ] }),
8746
- /* @__PURE__ */ jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxs(AssetFeatureItem, { children: [
8747
- item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8748
- item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8749
- /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8750
- ] }, i)) }),
8751
8753
  /* @__PURE__ */ jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
8752
8754
  /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8753
8755
  /* @__PURE__ */ jsxs(TimelineEntry, { children: [
@@ -9922,7 +9924,18 @@ styled9.span`
9922
9924
  text-align: right;
9923
9925
  color: ${(p) => p.$status === "listed" ? "#D4AF37" : "rgba(255,255,255,0.25)"};
9924
9926
  `;
9925
- var AssetFeatureRow = styled9.div`
9927
+ var FeaturesPanel = styled9.div`
9928
+ display: flex;
9929
+ flex-wrap: wrap;
9930
+ gap: 0.75rem 1.5rem;
9931
+ margin-top: 1.25rem;
9932
+ background: #111111;
9933
+ border: 1px solid rgba(255,255,255,0.1);
9934
+ border-radius: 12px;
9935
+ padding: 1rem 1.25rem;
9936
+ justify-content: center;
9937
+ `;
9938
+ styled9.div`
9926
9939
  display: flex;
9927
9940
  flex-wrap: wrap;
9928
9941
  gap: 0.5rem 1.25rem;