change instant log size

Author: Jicheng Lu

src/lib/scss/_variables.scss

@@ -1808,4 +1808,7 @@ $nested-kbd-font-weight:            null; // Deprecated in v5.2.0, removing in v
 
 $pre-color:                         null;
 
-$faded-color: #BCBCBC;
+$faded-color: #BCBCBC;
+
+$log-sec-height-lg:                    400px;
+$log-sec-height-sm:                    300px;

src/lib/scss/custom/pages/_chat.scss

@@ -375,11 +375,8 @@
             border-radius: 10px;
             border: 1px solid var(--bs-secondary);
             margin: 0px 60px;
-            flex: 0 0 400px;
             display: flex;
             flex-direction: column;
-            height: 400px;
-            min-height: 400px;
 
             .close-icon {
                 font-size: 20px;
@@ -391,6 +388,18 @@
                 }
             }
         }
+
+        .instant-log-sec-lg {
+            flex: 0 0 $log-sec-height-lg;
+            height: $log-sec-height-lg;
+            min-height: $log-sec-height-lg;
+        }
+
+        .instant-log-sec-sm {
+            flex: 0 0 $log-sec-height-sm;
+            height: $log-sec-height-sm;
+            min-height: $log-sec-height-sm;
+        }
     }
 
     .nav-group {

src/routes/chat/[agentId]/[conversationId]/instant-log/instant-log.svelte

@@ -118,7 +118,7 @@
             </div>
         </div>
         <div class="log-body instant-log-body">
-            <div class="log-list instant-log-section" class:hide={!!!msgStateLogs || msgStateLogs?.length === 0}>
+            <div class="log-list instant-log-section instant-log-sec-lg" class:hide={!!!msgStateLogs || msgStateLogs?.length === 0}>
                 <div class="close-icon">
                     <span
                         style="float: right;"
@@ -139,7 +139,7 @@
                 </div>
             </div>
 
-            <div class="log-list instant-log-section" class:hide={!!!agentQueueLogs || agentQueueLogs?.length === 0}>
+            <div class="log-list instant-log-section instant-log-sec-sm" class:hide={!!!agentQueueLogs || agentQueueLogs?.length === 0}>
                 <div class="close-icon">
                     <span
                         style="float: right;"