From 16f9c87a0c18b3a726e3ebd231415061e7d9d396 Mon Sep 17 00:00:00 2001
From: root <295172551@qq.com>
Date: Sun, 22 Jun 2025 05:47:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20ClientMessages.cshtml=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E9=97=AE=E9=A2=98=20-=20?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E5=9B=BA=E5=AE=9A=E9=AB=98=E5=BA=A6=EF=BC=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=20calc()=20=E5=AE=9E=E7=8E=B0=E7=81=B5?=
 =?UTF-8?q?=E6=B4=BB=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 LTEMvcApp/Views/Home/ClientMessages.cshtml | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/LTEMvcApp/Views/Home/ClientMessages.cshtml b/LTEMvcApp/Views/Home/ClientMessages.cshtml
index efbfbb5..ab99c1f 100644
--- a/LTEMvcApp/Views/Home/ClientMessages.cshtml
+++ b/LTEMvcApp/Views/Home/ClientMessages.cshtml
@@ -3,6 +3,13 @@
     var clientName = ViewBag.ClientName as string ?? "TestClient";
 }
 
+<style>
+    .message-scroll-area {
+        height: calc(100vh - 300px); /* 100% of viewport height minus headers/footers */
+        overflow-y: auto;
+    }
+</style>
+
 <div class="container-fluid">
     <div class="row">
         <div class="col-12">
@@ -26,7 +33,7 @@
                                         <span class="badge badge-primary" id="sentCount">0</span>
                                     </h5>
                                 </div>
-                                <div id="sentScrollArea" class="clusterize-scroll" style="height: 600px; overflow-y: auto;">
+                                <div id="sentScrollArea" class="clusterize-scroll message-scroll-area">
                                     <div id="sentContentArea" class="clusterize-content">
                                         <div class="clusterize-no-data">正在连接...</div>
                                     </div>
@@ -41,7 +48,7 @@
                                         <span class="badge badge-info" id="receivedCount">0</span>
                                     </h5>
                                 </div>
-                                <div id="receivedScrollArea" class="clusterize-scroll" style="height: 600px; overflow-y: auto;">
+                                <div id="receivedScrollArea" class="clusterize-scroll message-scroll-area">
                                     <div id="receivedContentArea" class="clusterize-content">
                                         <div class="clusterize-no-data">正在连接...</div>
                                     </div>