diff options
| -rw-r--r-- | makima/frontend/src/routes/orders.tsx | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/makima/frontend/src/routes/orders.tsx b/makima/frontend/src/routes/orders.tsx index deca77f..aa14e68 100644 --- a/makima/frontend/src/routes/orders.tsx +++ b/makima/frontend/src/routes/orders.tsx @@ -34,7 +34,7 @@ export default function OrdersPage() { if (authLoading) { return ( - <div className="relative z-10 min-h-screen flex flex-col bg-[#0a1628]"> + <div className="relative z-10 h-screen flex flex-col overflow-hidden bg-[#0a1628]"> <Masthead showNav /> <main className="flex-1 flex items-center justify-center"> <p className="text-[#7788aa] font-mono text-sm">Loading...</p> @@ -109,11 +109,11 @@ export default function OrdersPage() { ]; return ( - <div className="relative z-10 min-h-screen flex flex-col bg-[#0a1628]"> + <div className="relative z-10 h-screen flex flex-col overflow-hidden bg-[#0a1628]"> <Masthead showNav /> - <main className="flex-1 flex overflow-hidden" style={{ height: "calc(100vh - 80px)" }}> + <main className="flex-1 flex overflow-hidden min-h-0"> {/* Left: List */} - <div className="w-[280px] shrink-0 border-r border-dashed border-[rgba(117,170,252,0.2)] overflow-hidden flex flex-col"> + <div className="w-[280px] shrink-0 border-r border-dashed border-[rgba(117,170,252,0.2)] overflow-hidden flex flex-col min-h-0"> <OrderList orders={orders} selectedId={selectedId ?? null} @@ -127,9 +127,9 @@ export default function OrdersPage() { </div> {/* Right: Detail or Create */} - <div className="flex-1 overflow-hidden"> + <div className="flex-1 overflow-hidden min-h-0"> {showCreate ? ( - <div className="p-4 max-w-lg"> + <div className="p-4 max-w-lg h-full overflow-y-auto"> <h2 className="text-[14px] font-mono text-white font-medium mb-4"> New Order </h2> |