mirrors/pikasTech-HWLAB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2231 from pikasTech/fix/2230-mdtodo-1920-gap

Browse Source 
fix(mdtodo): shrink desktop page shell to content height
This commit is contained in:
Lyon
2026-06-27 15:59:24 +08:00
committed by GitHub
parent b74c38d166 f67990f894
commit 3fced0ba71
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/hwlab-cloud-web/src/components/layout/SplitWorkspaceLayout.vue
+6
View File
@@ -188,7 +188,10 @@ function clamp(value: number, min: number, max: number): number {
} }
.split-workspace-layout.mdtodo-workspace { .split-workspace-layout.mdtodo-workspace {
height: auto;
max-height: 100%;
align-items: start; align-items: start;
overflow: visible;
} }
.split-workspace-layout.mdtodo-workspace .split-workspace-pane, .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 { .split-workspace-layout.mdtodo-workspace {
height: 100%;
max-height: none;
align-items: stretch; align-items: stretch;
overflow: hidden;
} }
.split-workspace-layout.mdtodo-workspace .split-workspace-pane, .split-workspace-layout.mdtodo-workspace .split-workspace-pane,
web/hwlab-cloud-web/src/components/mdtodo/MdtodoPageShell.vue
+3 -2
View File
@@ -575,7 +575,7 @@ function setError(err: unknown): void {
</template> </template>
<style scoped> <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-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 { 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; } .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, .source-error { margin: 0; border-radius: 6px; padding: 6px 10px; font-size: 13px; }
.source-message { border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; } .source-message { border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; }
.source-error { border: 1px solid #fecaca; background: #fef2f2; color: #991b1b; } .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; } .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) { @media (max-width: 720px) {
.mdtodo-page { height: calc(100dvh - 68px); max-height: calc(100dvh - 68px); overflow: hidden; } .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-framebar { align-items: start; flex-direction: column; gap: 2px; height: auto; padding: 6px 10px; }
.mdtodo-route-chip { width: 100%; justify-content: flex-start; } .mdtodo-route-chip { width: 100%; justify-content: flex-start; }
.mdtodo-workspace { height: 100%; max-height: none; align-self: stretch; }
} }
</style> </style>