@loafmarkets/ui 0.1.282 → 0.1.284

package/dist/index.js

@@ -13895,15 +13895,17 @@ function PortfolioActivityPanel({
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(CPnlCell, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(CCellLabel, { children: "PNL (%)" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(CPnlValue, { $positive: isPositive, children: [
-                    isPositive ? "+" : "-",
-                    formatCurrency4(Math.abs(pnl))
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(CPnlPct, { $positive: isPositive, children: [
-                    "(",
-                    isPositive ? "+" : "",
-                    pnlPercent.toFixed(1),
-                    "%)"
+                  /* @__PURE__ */ jsxRuntime.jsxs(CPnlLine, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(CPnlValue, { $positive: isPositive, children: [
+                      isPositive ? "+" : "-",
+                      formatCurrency4(Math.abs(pnl))
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(CPnlPct, { $positive: isPositive, children: [
+                      "(",
+                      isPositive ? "+" : "",
+                      pnlPercent.toFixed(1),
+                      "%)"
+                    ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(CChevronWrap, { $open: posExpanded, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "rgba(255,255,255,0.5)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" }) }) })
@@ -14953,16 +14955,20 @@ var CUnitsCell = styled9__default.default.div`
   font-variant-numeric: tabular-nums;
 `;
 var CPnlCell = styled9__default.default.div``;
-var CPnlValue = styled9__default.default.div`
+var CPnlLine = styled9__default.default.div`
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+`;
+var CPnlValue = styled9__default.default.span`
   font-size: 0.78rem;
   font-weight: 600;
   color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
   font-variant-numeric: tabular-nums;
 `;
-var CPnlPct = styled9__default.default.div`
+var CPnlPct = styled9__default.default.span`
   font-size: 0.62rem;
   color: ${(p) => p.$positive ? "rgba(14, 203, 129, 0.65)" : "rgba(246, 70, 93, 0.65)"};
-  margin-top: 1px;
 `;
 var CChevronWrap = styled9__default.default.span`
   display: flex;
@@ -15233,23 +15239,6 @@ function PropertyBuy({
           /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Activity will appear once the Offering opens" })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ActivityWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        PortfolioActivityPanel,
-        {
-          positions: portfolioActivity?.positions,
-          showPositionsTab: true,
-          onPositionClick: portfolioActivity?.onPositionClick,
-          offeringOrders: portfolioActivity?.offeringOrders,
-          openOrders: portfolioActivity?.openOrders,
-          orderHistory: portfolioActivity?.orderHistory,
-          tradeHistory: portfolioActivity?.tradeHistory,
-          transfers: portfolioActivity?.transfers,
-          onCancelOrder: portfolioActivity?.onCancelOrder,
-          cancellingOrderId: portfolioActivity?.cancellingOrderId,
-          defaultTab: "subscriptions",
-          pageSize: 6
-        }
-      ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           OrderPanel,
@@ -15289,6 +15278,23 @@ function PropertyBuy({
         purchaseError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "0.75rem", padding: "0.75rem 1rem", borderRadius: "8px", background: "rgba(246,70,93,0.1)", border: "1px solid rgba(246,70,93,0.3)", color: "#f6465d", fontSize: "0.8rem", fontWeight: 500 }, children: purchaseError })
       ] })
     ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ActivityWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      PortfolioActivityPanel,
+      {
+        positions: portfolioActivity?.positions,
+        showPositionsTab: true,
+        onPositionClick: portfolioActivity?.onPositionClick,
+        offeringOrders: portfolioActivity?.offeringOrders,
+        openOrders: portfolioActivity?.openOrders,
+        orderHistory: portfolioActivity?.orderHistory,
+        tradeHistory: portfolioActivity?.tradeHistory,
+        transfers: portfolioActivity?.transfers,
+        onCancelOrder: portfolioActivity?.onCancelOrder,
+        cancellingOrderId: portfolioActivity?.cancellingOrderId,
+        defaultTab: "subscriptions",
+        pageSize: 6
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(NewsVideoRow, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         PropertyNewsUpdates,
@@ -15338,7 +15344,7 @@ function PropertyBuy({
 var HeroGrid = styled9__default.default.div`
   display: grid;
   grid-template-columns: 1fr auto;
-  grid-template-rows: auto auto auto minmax(450px, 520px);
+  grid-template-rows: auto auto minmax(450px, 520px);
   gap: 1.5rem;
   width: 100%;
   max-width: 1800px;
@@ -15360,13 +15366,8 @@ var HeroGrid = styled9__default.default.div`
   }
 
   & > div:nth-child(4) {
-    grid-column: 1 / 2;
-    grid-row: 4 / 5;
-  }
-
-  & > div:nth-child(5) {
     grid-column: 2 / 3;
-    grid-row: 1 / 5;
+    grid-row: 1 / 4;
     display: flex;
     flex-direction: column;
   }
@@ -15387,7 +15388,7 @@ var HeroGrid = styled9__default.default.div`
       width: 100%;
     }
 
-    & > div:nth-child(5) {
+    & > div:nth-child(4) {
       order: 2;
       min-width: 0;
       width: 100%;
@@ -15399,12 +15400,6 @@ var HeroGrid = styled9__default.default.div`
       min-width: 0;
       width: 100%;
     }
-
-    & > div:nth-child(4) {
-      order: 4;
-      min-width: 0;
-      width: 100%;
-    }
   }
 
   @media (max-width: 768px) {