@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.mjs
CHANGED
|
@@ -2188,23 +2188,20 @@ function DesktopOrderbookLayout({
|
|
|
2188
2188
|
))
|
|
2189
2189
|
}
|
|
2190
2190
|
),
|
|
2191
|
-
/* @__PURE__ */
|
|
2191
|
+
/* @__PURE__ */ jsx(
|
|
2192
2192
|
"div",
|
|
2193
2193
|
{
|
|
2194
2194
|
ref: midRef,
|
|
2195
|
-
className: "
|
|
2196
|
-
children: [
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
midChangePercent
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
] }) }),
|
|
2206
|
-
/* @__PURE__ */ jsx("div", {})
|
|
2207
|
-
]
|
|
2195
|
+
className: "flex items-center gap-2 bg-[#0b1a24] px-3 py-2 flex-shrink-0",
|
|
2196
|
+
children: /* @__PURE__ */ jsx("div", { className: cn("text-lg font-semibold tabular-nums whitespace-nowrap", midClass), children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { width: 110, height: 20 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2197
|
+
"$",
|
|
2198
|
+
formatNumber(midPrice, precision),
|
|
2199
|
+
midChangePercent == null ? null : /* @__PURE__ */ jsxs("span", { className: cn("ml-2 text-sm font-semibold tabular-nums", midClass), children: [
|
|
2200
|
+
midChangePercent >= 0 ? "+" : "",
|
|
2201
|
+
midChangePercent.toFixed(2),
|
|
2202
|
+
"%"
|
|
2203
|
+
] })
|
|
2204
|
+
] }) })
|
|
2208
2205
|
}
|
|
2209
2206
|
),
|
|
2210
2207
|
/* @__PURE__ */ jsx(
|
|
@@ -5581,7 +5578,7 @@ var MobileOnlyButton = styled9.button.attrs({ type: "button" })`
|
|
|
5581
5578
|
background-color: ${(props) => props.$isOpen ? "rgba(240, 185, 11, 0.4)" : "#d19f0a"};
|
|
5582
5579
|
}
|
|
5583
5580
|
|
|
5584
|
-
@media (max-width:
|
|
5581
|
+
@media (max-width: 1500px) {
|
|
5585
5582
|
display: flex;
|
|
5586
5583
|
}
|
|
5587
5584
|
`;
|
|
@@ -5673,7 +5670,7 @@ var Nav = styled9.nav`
|
|
|
5673
5670
|
display: none;
|
|
5674
5671
|
}
|
|
5675
5672
|
|
|
5676
|
-
@media (max-width:
|
|
5673
|
+
@media (max-width: 1500px) {
|
|
5677
5674
|
.mobile-loaf-logo {
|
|
5678
5675
|
display: flex !important;
|
|
5679
5676
|
align-items: center;
|
|
@@ -5681,7 +5678,7 @@ var Nav = styled9.nav`
|
|
|
5681
5678
|
}
|
|
5682
5679
|
}
|
|
5683
5680
|
|
|
5684
|
-
@media (max-width:
|
|
5681
|
+
@media (max-width: 1500px) {
|
|
5685
5682
|
position: fixed;
|
|
5686
5683
|
top: 56px;
|
|
5687
5684
|
top: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
|