From b4d5ffad8cc75a02d0a5116a0742a7d46fca08fb Mon Sep 17 00:00:00 2001 From: xwil1 <274959179+xwil1@users.noreply.github.com> Date: Mon, 27 Apr 2026 11:07:49 +0800 Subject: [PATCH 1/2] fix(logs): make log panel natively resizable --- src/pages/LogsPage.module.scss | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/src/pages/LogsPage.module.scss b/src/pages/LogsPage.module.scss index f7c1baa..51529b1 100644 --- a/src/pages/LogsPage.module.scss +++ b/src/pages/LogsPage.module.scss @@ -318,22 +318,26 @@ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: $radius-md; - flex: 1 1 auto; - min-height: 280px; - max-height: calc(100vh - 320px); + flex: 1 0 auto; + min-height: 420px; + max-height: none; + height: max(420px, calc(100vh - 520px)); overflow: auto; + resize: vertical; position: relative; -webkit-overflow-scrolling: touch; touch-action: pan-y; overscroll-behavior: contain; @include tablet { - min-height: 240px; - max-height: calc(100vh - 300px); + min-height: 360px; + height: max(360px, calc(100vh - 500px)); + max-height: none; } @include mobile { min-height: 360px; + height: 420px; max-height: 480px; flex: 0 0 auto; overflow: auto; @@ -784,8 +788,9 @@ } .logPanel { - min-height: 200px; - max-height: calc(100vh - 280px); + min-height: 420px; + height: max(420px, calc(100vh - 460px)); + max-height: none; } .logRow { @@ -827,8 +832,9 @@ } .logPanel { - min-height: 160px; - max-height: calc(100vh - 220px); + min-height: 320px; + height: 320px; + max-height: none; } .logRow { From 3d2b3a763f860d810c16a04bbbf3cdf426f6f6de Mon Sep 17 00:00:00 2001 From: xwil1 <274959179+xwil1@users.noreply.github.com> Date: Mon, 27 Apr 2026 11:19:13 +0800 Subject: [PATCH 2/2] fix(logs): simplify native resize styles --- src/pages/LogsPage.module.scss | 13 +++---------- 1 file changed, 3 insertions(+), 10 deletions(-) diff --git a/src/pages/LogsPage.module.scss b/src/pages/LogsPage.module.scss index 51529b1..65f1943 100644 --- a/src/pages/LogsPage.module.scss +++ b/src/pages/LogsPage.module.scss @@ -318,10 +318,10 @@ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: $radius-md; - flex: 1 0 auto; + flex: 0 0 auto; min-height: 420px; max-height: none; - height: max(420px, calc(100vh - 520px)); + height: calc(100vh - 520px); overflow: auto; resize: vertical; position: relative; @@ -331,7 +331,7 @@ @include tablet { min-height: 360px; - height: max(360px, calc(100vh - 500px)); + height: calc(100vh - 500px); max-height: none; } @@ -340,7 +340,6 @@ height: 420px; max-height: 480px; flex: 0 0 auto; - overflow: auto; } } @@ -787,12 +786,6 @@ padding: $spacing-md; } - .logPanel { - min-height: 420px; - height: max(420px, calc(100vh - 460px)); - max-height: none; - } - .logRow { padding: 8px 10px; font-size: 12px;