diff options
| author | soryu <soryu@soryu.co> | 2026-02-27 16:51:56 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-02-27 16:51:56 +0000 |
| commit | 2bc1cd4717b587cd2b8ffccd723b62f888e61aa8 (patch) | |
| tree | cae162b3de6a8164899a0d4c4b7b29f33ececdbc /makima/frontend | |
| parent | 5d1fbed2733e93cc2be2e1a89ca022d88bef613f (diff) | |
| download | soryu-2bc1cd4717b587cd2b8ffccd723b62f888e61aa8.tar.gz soryu-2bc1cd4717b587cd2b8ffccd723b62f888e61aa8.zip | |
feat: soryu-co/soryu - makima: Fix orders page viewport-constrained layout with independent sidebar scrolling (#83)
Diffstat (limited to 'makima/frontend')
| -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> |