From 2bc1cd4717b587cd2b8ffccd723b62f888e61aa8 Mon Sep 17 00:00:00 2001
From: soryu <soryu@soryu.co>
Date: Fri, 27 Feb 2026 16:51:56 +0000
Subject: feat: soryu-co/soryu - makima: Fix orders page viewport-constrained
 layout with independent sidebar scrolling (#83)

---
 makima/frontend/src/routes/orders.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'makima/frontend/src/routes/orders.tsx')

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>
-- 
cgit v1.2.3

