@loafmarkets/ui 0.1.241 → 0.1.243
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 +14 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -17
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2214,23 +2214,20 @@ function DesktopOrderbookLayout({
|
|
|
2214
2214
|
))
|
|
2215
2215
|
}
|
|
2216
2216
|
),
|
|
2217
|
-
/* @__PURE__ */ jsxRuntime.
|
|
2217
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2218
2218
|
"div",
|
|
2219
2219
|
{
|
|
2220
2220
|
ref: midRef,
|
|
2221
|
-
className: "
|
|
2222
|
-
children: [
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
midChangePercent
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
] }) }),
|
|
2232
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {})
|
|
2233
|
-
]
|
|
2221
|
+
className: "flex items-center gap-2 bg-[#0b1a24] px-3 py-2 flex-shrink-0",
|
|
2222
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-lg font-semibold tabular-nums whitespace-nowrap", midClass), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 110, height: 20 }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2223
|
+
"$",
|
|
2224
|
+
formatNumber(midPrice, precision),
|
|
2225
|
+
midChangePercent == null ? null : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("ml-2 text-sm font-semibold tabular-nums", midClass), children: [
|
|
2226
|
+
midChangePercent >= 0 ? "+" : "",
|
|
2227
|
+
midChangePercent.toFixed(2),
|
|
2228
|
+
"%"
|
|
2229
|
+
] })
|
|
2230
|
+
] }) })
|
|
2234
2231
|
}
|
|
2235
2232
|
),
|
|
2236
2233
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -5607,7 +5604,7 @@ var MobileOnlyButton = styled9__default.default.button.attrs({ type: "button" })
|
|
|
5607
5604
|
background-color: ${(props) => props.$isOpen ? "rgba(240, 185, 11, 0.4)" : "#d19f0a"};
|
|
5608
5605
|
}
|
|
5609
5606
|
|
|
5610
|
-
@media (max-width:
|
|
5607
|
+
@media (max-width: 1500px) {
|
|
5611
5608
|
display: flex;
|
|
5612
5609
|
}
|
|
5613
5610
|
`;
|
|
@@ -5699,7 +5696,7 @@ var Nav = styled9__default.default.nav`
|
|
|
5699
5696
|
display: none;
|
|
5700
5697
|
}
|
|
5701
5698
|
|
|
5702
|
-
@media (max-width:
|
|
5699
|
+
@media (max-width: 1500px) {
|
|
5703
5700
|
.mobile-loaf-logo {
|
|
5704
5701
|
display: flex !important;
|
|
5705
5702
|
align-items: center;
|
|
@@ -5707,7 +5704,7 @@ var Nav = styled9__default.default.nav`
|
|
|
5707
5704
|
}
|
|
5708
5705
|
}
|
|
5709
5706
|
|
|
5710
|
-
@media (max-width:
|
|
5707
|
+
@media (max-width: 1500px) {
|
|
5711
5708
|
position: fixed;
|
|
5712
5709
|
top: 56px;
|
|
5713
5710
|
top: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
|