From 86b0eff95b237ae610cb36155cce9ec4a12af2f1 Mon Sep 17 00:00:00 2001
From: Jokul <wangshengshan011@163.com>
Date: Sat, 4 Jul 2026 21:45:59 +0800
Subject: [PATCH] fix: make main area fill remaining width

---
 src/components/MainArea.vue   | 2 ++
 src/components/StatusView.vue | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/MainArea.vue b/src/components/MainArea.vue
index 0305124..9e0dcab 100644
--- a/src/components/MainArea.vue
+++ b/src/components/MainArea.vue
@@ -85,9 +85,11 @@ watch(
 
 <style scoped>
 .main-area {
+  flex: 1;
   height: 100%;
   display: flex;
   flex-direction: column;
+  min-width: 0;
 }
 
 .tab-bar {
diff --git a/src/components/StatusView.vue b/src/components/StatusView.vue
index 99bb6a3..c0f1b8c 100644
--- a/src/components/StatusView.vue
+++ b/src/components/StatusView.vue
@@ -105,9 +105,10 @@ defineExpose({ refresh })
 
 .info-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 12px;
   margin-bottom: 24px;
+  width: 100%;
 }
 
 .info-card {
@@ -136,6 +137,7 @@ defineExpose({ refresh })
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 16px;
+  width: 100%;
 }
 
 .info-section {