@loafmarkets/ui 0.1.98 → 0.1.100

package/dist/index.mjs

@@ -1979,6 +1979,7 @@ var Orderbook = React5.forwardRef(
     onLoafLiquidityClick,
     tradeExplorerUrl,
     maxLevels,
+    fillHeight = false,
     className,
     ...props
   }, ref) => {
@@ -2079,7 +2080,8 @@ var Orderbook = React5.forwardRef(
       tradeExplorerUrl,
       onPriceClick,
       levelCount: effectiveLevels,
-      compactLevelCount: effectiveCompactLevels
+      compactLevelCount: effectiveCompactLevels,
+      fillHeight
     };
     return /* @__PURE__ */ jsx(
       Card,
@@ -2088,6 +2090,7 @@ var Orderbook = React5.forwardRef(
         className: cn(
           "w-full max-w-[520px] overflow-hidden rounded-[12px] border border-white/10 bg-[#111111] text-white shadow-md flex flex-col",
           isCompact && "max-w-none",
+          fillHeight && "h-full",
           className
         ),
         ...props,
@@ -2149,7 +2152,8 @@ function DesktopOrderbookLayout({
   tradeExplorerUrl,
   onPriceClick,
   levelCount: effectiveLevels,
-  compactLevelCount: _compactLevelCount
+  compactLevelCount: _compactLevelCount,
+  fillHeight
 }) {
   const midRef = React5.useRef(null);
   useMidPriceFlash(midRef, midPrice, "#0b1a24");
@@ -2254,12 +2258,12 @@ function DesktopOrderbookLayout({
             );
           }) })
         }
-      ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-0 overflow-hidden", children: [
+      ) : /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col min-h-0 overflow-hidden", fillHeight && "flex-1"), children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "flex flex-col justify-end overflow-hidden flex-shrink-0",
-            style: { height: `${sectionHeight}px` },
+            className: cn("flex flex-col justify-end overflow-hidden", !fillHeight && "flex-shrink-0"),
+            style: fillHeight ? { flex: 1, minHeight: 0 } : { height: `${sectionHeight}px` },
             children: isLoading ? Array.from({ length: effectiveLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `ask-skel-${i}`)) : askVisibleLevels.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No asks" }) : askVisibleLevels.map((l, i) => /* @__PURE__ */ jsx(
               DepthRow,
               {
@@ -2299,8 +2303,8 @@ function DesktopOrderbookLayout({
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "flex flex-col overflow-hidden flex-shrink-0",
-            style: { height: `${sectionHeight}px` },
+            className: cn("flex flex-col overflow-hidden", !fillHeight && "flex-shrink-0"),
+            style: fillHeight ? { flex: 1, minHeight: 0 } : { height: `${sectionHeight}px` },
             children: isLoading ? Array.from({ length: effectiveLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `bid-skel-${i}`)) : bidVisibleLevels.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No bids" }) : bidVisibleLevels.map((l, i) => /* @__PURE__ */ jsx(
               DepthRow,
               {
@@ -2737,7 +2741,8 @@ var formatDateShort = (value) => {
   if (diffS < 60) return "Just now";
   if (diffS < 3600) return `${Math.floor(diffS / 60)}m ago`;
   if (diffS < 86400) return `${Math.floor(diffS / 3600)}h ago`;
-  return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  const time = d.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit", hour12: true });
+  return `${time} \xB7 ${d.toLocaleDateString(void 0, { month: "short", day: "numeric" })}`;
 };
 var formatTimeAgo = (timestamp) => {
   const diff = (Date.now() - new Date(timestamp).getTime()) / 1e3;