@loafmarkets/ui 0.1.224 → 0.1.225

package/dist/index.js

@@ -8717,18 +8717,25 @@ function PropertyOverview({
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
       galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(GallerySpecRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(GallerySpecLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            GalleryMapSection,
-            {
-              images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
-              categories: galleryCategories2,
-              propertyLocation: location,
-              videoUrl,
-              tokenName,
-              onPhotoClick: onPhotosClick,
-              hideMap: true
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(GallerySpecLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              GalleryMapSection,
+              {
+                images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
+                categories: galleryCategories2,
+                propertyLocation: location,
+                videoUrl,
+                tokenName,
+                onPhotoClick: onPhotosClick,
+                hideMap: true
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(FeaturesPanel, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
+              item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
+              item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
+              /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
+            ] }, i)) })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
@@ -8769,11 +8776,6 @@ function PropertyOverview({
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
               /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
-              item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
-              item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
-              /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
-            ] }, i)) }),
             /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
             /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
@@ -9948,7 +9950,18 @@ styled9__default.default.span`
   text-align: right;
   color: ${(p) => p.$status === "listed" ? "#D4AF37" : "rgba(255,255,255,0.25)"};
 `;
-var AssetFeatureRow = styled9__default.default.div`
+var FeaturesPanel = styled9__default.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem 1.5rem;
+  margin-top: 1.25rem;
+  background: #111111;
+  border: 1px solid rgba(255,255,255,0.1);
+  border-radius: 12px;
+  padding: 1rem 1.25rem;
+  justify-content: center;
+`;
+styled9__default.default.div`
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem 1.25rem;