@loafmarkets/ui 0.1.123 → 0.1.125

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
@@ -2103,7 +2103,7 @@ function DesktopOrderbookLayout({
2103
2103
  ),
2104
2104
  children: [
2105
2105
  "Orderbook",
2106
- tab === "orderbook" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-px left-0 h-[2px] w-full bg-[#C9A227]" }) : null
2106
+ tab === "orderbook" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-px left-0 h-[2px] w-full bg-[#E6C87E]" }) : null
2107
2107
  ]
2108
2108
  }
2109
2109
  ),
@@ -2118,7 +2118,7 @@ function DesktopOrderbookLayout({
2118
2118
  ),
2119
2119
  children: [
2120
2120
  "Trades",
2121
- tab === "trades" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-px left-0 h-[2px] w-full bg-[#C9A227]" }) : null
2121
+ tab === "trades" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-px left-0 h-[2px] w-full bg-[#E6C87E]" }) : null
2122
2122
  ]
2123
2123
  }
2124
2124
  )
@@ -5413,6 +5413,14 @@ var Header = ({
5413
5413
  children: isPortfolioBarVisible ? /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 001 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" }) })
5414
5414
  }
5415
5415
  ),
5416
+ isAuthenticated && /* @__PURE__ */ jsxRuntime.jsx(
5417
+ DepositButton,
5418
+ {
5419
+ type: "button",
5420
+ onClick: (e) => handleAddFundingClick(e),
5421
+ children: "Deposit"
5422
+ }
5423
+ ),
5416
5424
  /* @__PURE__ */ jsxRuntime.jsxs(UserMenu, { children: [
5417
5425
  /* @__PURE__ */ jsxRuntime.jsxs(
5418
5426
  UserButton,
@@ -5998,6 +6006,29 @@ var PortfolioEyeButton = styled25__default.default.button`
5998
6006
  margin-right: 2px;
5999
6007
  }
6000
6008
  `;
6009
+ var DepositButton = styled25__default.default.button`
6010
+ background: #e6c87e;
6011
+ color: #1a1a1a;
6012
+ border: none;
6013
+ border-radius: 6px;
6014
+ padding: 5px 14px;
6015
+ font-size: 0.78rem;
6016
+ font-weight: 600;
6017
+ cursor: pointer;
6018
+ transition: background 0.15s;
6019
+ margin-right: 6px;
6020
+ white-space: nowrap;
6021
+
6022
+ &:hover {
6023
+ background: #d4b86c;
6024
+ }
6025
+
6026
+ @media (max-width: 768px) {
6027
+ padding: 4px 10px;
6028
+ font-size: 0.7rem;
6029
+ margin-right: 4px;
6030
+ }
6031
+ `;
6001
6032
  var PortfolioBarContainer = styled25__default.default.div`
6002
6033
  position: fixed;
6003
6034
  top: 56px;
@@ -11040,7 +11071,7 @@ function OrderPanel({
11040
11071
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: isAuthenticated ? `$${availableBalance.toLocaleString()}` : "\u2014" })
11041
11072
  ] }),
11042
11073
  /* @__PURE__ */ jsxRuntime.jsx(
11043
- DepositButton,
11074
+ DepositButton2,
11044
11075
  {
11045
11076
  type: "button",
11046
11077
  onClick: isAuthenticated ? onDeposit : void 0,
@@ -11333,7 +11364,7 @@ var FundsRow = styled25__default.default.div`
11333
11364
  color: #fff;
11334
11365
  }
11335
11366
  `;
11336
- var DepositButton = styled25__default.default.button`
11367
+ var DepositButton2 = styled25__default.default.button`
11337
11368
  background: transparent;
11338
11369
  border: 1px solid rgba(212,175,55,0.4);
11339
11370
  border-radius: 4px;