From ccc414dd633f3363680f3c0ea938e58da6159f3a Mon Sep 17 00:00:00 2001 From: BetterAndBetterII <123090848@link.cuhk.edu.cn> Date: Tue, 15 Oct 2024 14:55:31 +0800 Subject: [PATCH 1/3] fix scrolling bar issue limit .chatContainer height and expand chatMessageStream --- app/frontend/src/pages/chat/Chat.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/frontend/src/pages/chat/Chat.module.css b/app/frontend/src/pages/chat/Chat.module.css index d4f4914fab..ec7b30c2ae 100644 --- a/app/frontend/src/pages/chat/Chat.module.css +++ b/app/frontend/src/pages/chat/Chat.module.css @@ -16,6 +16,7 @@ flex-direction: column; align-items: center; width: 100%; + max-height: calc(100vh - 10rem); } .chatEmptyState { @@ -43,11 +44,10 @@ .chatMessageStream { flex-grow: 1; max-height: 64rem; - max-width: 64.25rem; width: 100%; overflow-y: auto; - padding-left: 1rem; - padding-right: 1rem; + padding-left: 15vw; + padding-right: 15vw; display: flex; flex-direction: column; } From 64e8b94a16de48138745bf40f3d43c28585f95b6 Mon Sep 17 00:00:00 2001 From: BetterAndBetterII <123090848@link.cuhk.edu.cn> Date: Thu, 17 Oct 2024 13:03:39 +0800 Subject: [PATCH 2/3] fix supporting content panel resize --- app/frontend/src/pages/chat/Chat.module.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/frontend/src/pages/chat/Chat.module.css b/app/frontend/src/pages/chat/Chat.module.css index ec7b30c2ae..a9b05c8310 100644 --- a/app/frontend/src/pages/chat/Chat.module.css +++ b/app/frontend/src/pages/chat/Chat.module.css @@ -46,10 +46,11 @@ max-height: 64rem; width: 100%; overflow-y: auto; - padding-left: 15vw; - padding-right: 15vw; + padding: 0 2rem; + max-width: 80vw; display: flex; flex-direction: column; + box-sizing: border-box; } .chatMessageGpt { From b3472e99ca286391420546043ccbf0b6b0873828 Mon Sep 17 00:00:00 2001 From: BetterAndBetterII <123090848@link.cuhk.edu.cn> Date: Wed, 23 Oct 2024 10:09:52 +0800 Subject: [PATCH 3/3] add resize and limit analysis height --- app/frontend/src/pages/chat/Chat.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/frontend/src/pages/chat/Chat.module.css b/app/frontend/src/pages/chat/Chat.module.css index a9b05c8310..453485241f 100644 --- a/app/frontend/src/pages/chat/Chat.module.css +++ b/app/frontend/src/pages/chat/Chat.module.css @@ -47,10 +47,10 @@ width: 100%; overflow-y: auto; padding: 0 2rem; - max-width: 80vw; display: flex; flex-direction: column; - box-sizing: border-box; + resize: horizontal; + min-width: 50vw; } .chatMessageGpt { @@ -77,7 +77,7 @@ .chatAnalysisPanel { flex: 1; overflow-y: auto; - max-height: 89vh; + max-height: 85vh; margin-left: 1.25rem; margin-right: 1.25rem; }