@loafmarkets/ui 0.1.245 → 0.1.247

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
@@ -2218,8 +2218,8 @@ function DesktopOrderbookLayout({
2218
2218
  "div",
2219
2219
  {
2220
2220
  ref: midRef,
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: [
2221
+ className: "flex items-center gap-2 bg-[#0b1a24] px-3 py-2 flex-shrink-0 overflow-hidden orderbook-mid-row",
2222
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-lg font-semibold tabular-nums whitespace-nowrap orderbook-mid-price", midClass), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 110, height: 20 }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2223
2223
  "$",
2224
2224
  formatNumber(midPrice, precision),
2225
2225
  midChangePercent == null ? null : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("ml-2 text-sm font-semibold tabular-nums", midClass), children: [
@@ -6010,10 +6010,8 @@ var PortfolioEyeButton = styled9__default.default.button`
6010
6010
  color: #D4AF37;
6011
6011
  }
6012
6012
 
6013
- @media (max-width: 768px) {
6014
- padding: 4px;
6015
- margin-left: 4px;
6016
- margin-right: 6px;
6013
+ @media (max-width: 1800px) {
6014
+ display: none;
6017
6015
  }
6018
6016
  `;
6019
6017
  var DepositButton = styled9__default.default.button`
@@ -6132,7 +6130,7 @@ var PortfolioInline = styled9__default.default.div`
6132
6130
  gap: 1rem;
6133
6131
  margin-right: 0.75rem;
6134
6132
 
6135
- @media (max-width: 768px) {
6133
+ @media (max-width: 1800px) {
6136
6134
  display: none;
6137
6135
  }
6138
6136
  `;