@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 +35 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +35 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
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-[#
|
|
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-[#
|
|
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
|
-
|
|
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
|
|
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;
|