feat: Adjust table max-height and update Banner component styles for consistency

Author: BernardXiong

src/vue/analyze/App.vue

@@ -18,7 +18,7 @@
             :data="tableData"
             style="width: 100%"
             v-loading="tableLoading"
-            max-height="70vh"
+            max-height="65vh"
             show-summary
             :summary-method="getSummaries"
             highlight-current-row

src/vue/components/Banner.vue

@@ -36,8 +36,9 @@ window.addEventListener('message', (e) => {
   display: flex;
   padding: 20px;
   gap: 8px;
-  background: var(--vscode-editor-background);
-  color: var(--vscode-editor-foreground);
+  background: var(--app-bg);
+  color: var(--app-fg);
+  border-bottom: 1px solid var(--app-border);
 }
 .logo {
   height: 60px;
@@ -49,16 +50,16 @@ window.addEventListener('message', (e) => {
 h1 {
   font-size: 16px;
   font-weight: 500;
-  color: var(--vscode-editor-foreground);
+  color: var(--app-fg);
   margin: 0;
 }
 p {
   font-size: 12px;
-  color: var(--vscode-editor-foreground);
+  color: var(--app-fg-secondary);
   margin: 4px 0 8px;
 }
 .bar {
   height: 3px;
-  background: linear-gradient(90deg, #32B7BC, #fff);
+  background: linear-gradient(90deg, #32B7BC, var(--app-bg));
 }
 </style>