@loafmarkets/ui 0.1.283 → 0.1.285

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.js CHANGED
@@ -13895,15 +13895,17 @@ function PortfolioActivityPanel({
13895
13895
  ] }),
13896
13896
  /* @__PURE__ */ jsxRuntime.jsxs(CPnlCell, { children: [
13897
13897
  /* @__PURE__ */ jsxRuntime.jsx(CCellLabel, { children: "PNL (%)" }),
13898
- /* @__PURE__ */ jsxRuntime.jsxs(CPnlValue, { $positive: isPositive, children: [
13899
- isPositive ? "+" : "-",
13900
- formatCurrency4(Math.abs(pnl))
13901
- ] }),
13902
- /* @__PURE__ */ jsxRuntime.jsxs(CPnlPct, { $positive: isPositive, children: [
13903
- "(",
13904
- isPositive ? "+" : "",
13905
- pnlPercent.toFixed(1),
13906
- "%)"
13898
+ /* @__PURE__ */ jsxRuntime.jsxs(CPnlLine, { children: [
13899
+ /* @__PURE__ */ jsxRuntime.jsxs(CPnlValue, { $positive: isPositive, children: [
13900
+ isPositive ? "+" : "-",
13901
+ formatCurrency4(Math.abs(pnl))
13902
+ ] }),
13903
+ /* @__PURE__ */ jsxRuntime.jsxs(CPnlPct, { $positive: isPositive, children: [
13904
+ "(",
13905
+ isPositive ? "+" : "",
13906
+ pnlPercent.toFixed(1),
13907
+ "%)"
13908
+ ] })
13907
13909
  ] })
13908
13910
  ] }),
13909
13911
  /* @__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" }) }) })
@@ -14910,6 +14912,7 @@ var CRow = styled9__default.default.button`
14910
14912
  grid-template-columns: 1fr 1fr 1fr 24px;
14911
14913
  align-items: center;
14912
14914
  width: calc(100% - 1rem);
14915
+ max-width: 460px;
14913
14916
  margin: 0.25rem 0.5rem;
14914
14917
  margin-bottom: ${(p) => p.$expanded ? "0" : "0.25rem"};
14915
14918
  padding: 0.55rem 0.65rem;
@@ -14953,16 +14956,20 @@ var CUnitsCell = styled9__default.default.div`
14953
14956
  font-variant-numeric: tabular-nums;
14954
14957
  `;
14955
14958
  var CPnlCell = styled9__default.default.div``;
14956
- var CPnlValue = styled9__default.default.div`
14959
+ var CPnlLine = styled9__default.default.div`
14960
+ display: flex;
14961
+ align-items: baseline;
14962
+ gap: 4px;
14963
+ `;
14964
+ var CPnlValue = styled9__default.default.span`
14957
14965
  font-size: 0.78rem;
14958
14966
  font-weight: 600;
14959
14967
  color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
14960
14968
  font-variant-numeric: tabular-nums;
14961
14969
  `;
14962
- var CPnlPct = styled9__default.default.div`
14970
+ var CPnlPct = styled9__default.default.span`
14963
14971
  font-size: 0.62rem;
14964
14972
  color: ${(p) => p.$positive ? "rgba(14, 203, 129, 0.65)" : "rgba(246, 70, 93, 0.65)"};
14965
- margin-top: 1px;
14966
14973
  `;
14967
14974
  var CChevronWrap = styled9__default.default.span`
14968
14975
  display: flex;
@@ -14973,6 +14980,7 @@ var CChevronWrap = styled9__default.default.span`
14973
14980
  `;
14974
14981
  var CExpandedWrap = styled9__default.default.div`
14975
14982
  margin: 0 0.5rem 0.25rem;
14983
+ max-width: 460px;
14976
14984
  padding: 0.4rem 0.65rem 0.5rem;
14977
14985
  background: rgba(255, 255, 255, 0.035);
14978
14986
  border: 1px solid rgba(255, 255, 255, 0.06);