feat: web优化

web/src/views/Dashboard.vue

@@ -5,10 +5,10 @@ import LineChart from "@/components/LineChart.vue";
 
 <template>
   <div class="dashboard-container">
-    <div class="dashboard-header">
+    <!-- <div class="dashboard-header">
       <h2 class="dashboard-title">仪表盘</h2>
       <p class="dashboard-subtitle">系统概览与实时监控</p>
-    </div>
+    </div> -->
 
     <div class="dashboard-content">
       <base-info-card />

web/src/views/Keys.vue

@@ -41,13 +41,7 @@ function handleGroupRefresh() {
 
 <template>
   <div class="keys-container">
-    <!-- 页面头部更紧凑 -->
-    <div class="page-header">
-      <h2 class="page-title">密钥管理</h2>
-    </div>
-
     <div class="keys-content">
-      <!-- 左侧分组列表，宽度减少到20% -->
       <div class="sidebar">
         <group-list
           :groups="groups"
@@ -76,10 +70,10 @@ function handleGroupRefresh() {
 
 <style scoped>
 .keys-container {
-  padding: 12px;
-  max-width: 1600px;
-  margin: 0 auto;
-  height: 100vh;
+  /* padding: 12px 0; */
+  /* max-width: 1600px; */
+  /* margin: 0 auto; */
+  height: 100%;
   display: flex;
   flex-direction: column;
 }

web/src/views/Settings.vue

@@ -43,10 +43,10 @@ async function handleSubmit() {
 
 <template>
   <div class="settings-container">
-    <div class="settings-header">
+    <!-- <div class="settings-header">
       <h2 class="settings-title">系统设置</h2>
       <p class="settings-subtitle">配置系统参数和选项</p>
-    </div>
+    </div> -->
 
     <div class="settings-content">
       <n-form ref="formRef" :model="form" label-placement="top" class="settings-form">
@@ -134,10 +134,10 @@ async function handleSubmit() {
 </template>
 
 <style scoped>
-.settings-container {
+/* .settings-container {
   max-width: 1000px;
   margin: 0 auto;
-}
+} */
 
 .settings-header {
   margin-bottom: 32px;
@@ -165,12 +165,12 @@ async function handleSubmit() {
 .settings-content {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: 12px;
 }
 
 .settings-category {
   animation: fadeInUp 0.2s ease-out both;
-  margin-bottom: 24px;
+  margin-bottom: 12px;
 }
 
 .settings-category:nth-child(2) {
@@ -211,7 +211,7 @@ async function handleSubmit() {
 
 .settings-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 12px 10px;
 }
 
@@ -263,7 +263,7 @@ async function handleSubmit() {
 .settings-actions {
   display: flex;
   justify-content: center;
-  padding-top: 24px;
+  padding-top: 12px;
   border-top: 1px solid rgba(0, 0, 0, 0.06);
 }