@loafmarkets/ui 0.1.124 → 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.mjs CHANGED
@@ -5387,6 +5387,14 @@ var Header = ({
5387
5387
  children: isPortfolioBarVisible ? /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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" }) })
5388
5388
  }
5389
5389
  ),
5390
+ isAuthenticated && /* @__PURE__ */ jsx(
5391
+ DepositButton,
5392
+ {
5393
+ type: "button",
5394
+ onClick: (e) => handleAddFundingClick(e),
5395
+ children: "Deposit"
5396
+ }
5397
+ ),
5390
5398
  /* @__PURE__ */ jsxs(UserMenu, { children: [
5391
5399
  /* @__PURE__ */ jsxs(
5392
5400
  UserButton,
@@ -5972,6 +5980,29 @@ var PortfolioEyeButton = styled25.button`
5972
5980
  margin-right: 2px;
5973
5981
  }
5974
5982
  `;
5983
+ var DepositButton = styled25.button`
5984
+ background: #e6c87e;
5985
+ color: #1a1a1a;
5986
+ border: none;
5987
+ border-radius: 6px;
5988
+ padding: 5px 14px;
5989
+ font-size: 0.78rem;
5990
+ font-weight: 600;
5991
+ cursor: pointer;
5992
+ transition: background 0.15s;
5993
+ margin-right: 6px;
5994
+ white-space: nowrap;
5995
+
5996
+ &:hover {
5997
+ background: #d4b86c;
5998
+ }
5999
+
6000
+ @media (max-width: 768px) {
6001
+ padding: 4px 10px;
6002
+ font-size: 0.7rem;
6003
+ margin-right: 4px;
6004
+ }
6005
+ `;
5975
6006
  var PortfolioBarContainer = styled25.div`
5976
6007
  position: fixed;
5977
6008
  top: 56px;
@@ -11014,7 +11045,7 @@ function OrderPanel({
11014
11045
  /* @__PURE__ */ jsx("strong", { children: isAuthenticated ? `$${availableBalance.toLocaleString()}` : "\u2014" })
11015
11046
  ] }),
11016
11047
  /* @__PURE__ */ jsx(
11017
- DepositButton,
11048
+ DepositButton2,
11018
11049
  {
11019
11050
  type: "button",
11020
11051
  onClick: isAuthenticated ? onDeposit : void 0,
@@ -11307,7 +11338,7 @@ var FundsRow = styled25.div`
11307
11338
  color: #fff;
11308
11339
  }
11309
11340
  `;
11310
- var DepositButton = styled25.button`
11341
+ var DepositButton2 = styled25.button`
11311
11342
  background: transparent;
11312
11343
  border: 1px solid rgba(212,175,55,0.4);
11313
11344
  border-radius: 4px;