From f67990f894f8236de33ed3ace803a7546c29bf66 Mon Sep 17 00:00:00 2001
From: root <root@lyon.remote>
Date: Sat, 27 Jun 2026 07:58:42 +0000
Subject: [PATCH] fix(mdtodo): shrink desktop page shell to content height

---
 .../src/components/layout/SplitWorkspaceLayout.vue          | 6 ++++++
 .../src/components/mdtodo/MdtodoPageShell.vue               | 5 +++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue b/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
index dd2f4488..13debb12 100644
--- a/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
+++ b/web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
@@ -188,7 +188,10 @@ function clamp(value: number, min: number, max: number): number {
 }
 
 .split-workspace-layout.mdtodo-workspace {
+  height: auto;
+  max-height: 100%;
   align-items: start;
+  overflow: visible;
 }
 
 .split-workspace-layout.mdtodo-workspace .split-workspace-pane,
@@ -220,7 +223,10 @@ function clamp(value: number, min: number, max: number): number {
   }
 
   .split-workspace-layout.mdtodo-workspace {
+    height: 100%;
+    max-height: none;
     align-items: stretch;
+    overflow: hidden;
   }
 
   .split-workspace-layout.mdtodo-workspace .split-workspace-pane,
diff --git a/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue b/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
index c947f03c..09d6e01b 100644
--- a/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
+++ b/web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
@@ -575,7 +575,7 @@ function setError(err: unknown): void {
 </template>
 
 <style scoped>
-.mdtodo-page { display: grid; height: calc(100dvh - 68px); max-height: calc(100dvh - 68px); min-width: 0; min-height: 0; grid-template-rows: auto auto auto minmax(0, 1fr); gap: 0; overflow: hidden; border: 1px solid #cad6dd; border-radius: 8px; background: #f7fafb; }
+.mdtodo-page { display: grid; max-height: calc(100dvh - 68px); min-width: 0; min-height: 0; align-content: start; grid-template-rows: auto auto auto auto; gap: 0; overflow: auto; border: 1px solid #cad6dd; border-radius: 8px; background: #f7fafb; }
 .mdtodo-framebar { display: flex; min-width: 0; min-height: 34px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #d8e1e7; background: #f9fbfc; padding: 4px 10px; }
 .mdtodo-title-lockup { display: inline-flex; min-width: 0; align-items: baseline; gap: 8px; }
 .mdtodo-title-lockup span { color: #6b7a86; font-size: 10px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
@@ -587,11 +587,12 @@ function setError(err: unknown): void {
 .source-message, .source-error { margin: 0; border-radius: 6px; padding: 6px 10px; font-size: 13px; }
 .source-message { border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; }
 .source-error { border: 1px solid #fecaca; background: #fef2f2; color: #991b1b; }
-.mdtodo-workspace { min-height: 0; height: 100%; }
+.mdtodo-workspace { min-height: 0; height: auto; max-height: 100%; align-self: start; }
 .mdtodo-error { display: grid; min-width: 0; min-height: 0; height: 100%; align-content: start; gap: 12px; padding: 12px; overflow: auto; }
 @media (max-width: 720px) {
   .mdtodo-page { height: calc(100dvh - 68px); max-height: calc(100dvh - 68px); overflow: hidden; }
   .mdtodo-framebar { align-items: start; flex-direction: column; gap: 2px; height: auto; padding: 6px 10px; }
   .mdtodo-route-chip { width: 100%; justify-content: flex-start; }
+  .mdtodo-workspace { height: 100%; max-height: none; align-self: stretch; }
 }
 </style>