style: 收紧系统设置页头部布局

frontend/src/components/SettingsPanel.vue

@@ -3,13 +3,6 @@
     <input ref="configInput" class="hidden-input" type="file" accept=".json" @change="uploadConfigFile" />
 
     <n-card size="small" class="work-card settings-tabs-card">
-      <template #header>
-        <div class="settings-card-header">
-          <span>系统设置</span>
-          <span class="muted-line">更新时间：{{ configUpdate || '-' }}</span>
-        </div>
-      </template>
-
       <n-tabs type="line" animated class="settings-tabs">
         <n-tab-pane name="connection" tab="连接配置">
           <div class="settings-section-grid">
@@ -331,6 +324,7 @@ const message = useMessage();
 const dialog = useDialog();
 const configInput = ref<HTMLInputElement | null>(null);
 const configUpdate = ref('');
+const configUpdateText = computed(() => `更新时间：${configUpdate.value || '-'}`);
 const loading = ref(false);
 const testingDb = ref(false);
 const testingRemote = ref(false);
@@ -404,6 +398,7 @@ const visibleFieldMappings = computed(() => {
 onMounted(() => {
   setPageHeader({
     actions: [
+      { key: 'config-update', kind: 'text', label: configUpdateText },
       { key: 'download-config', label: '下载配置', icon: CloudDownloadOutline, onClick: downloadConfig },
       { key: 'upload-config', label: '上传配置', icon: CloudUploadOutline, onClick: () => configInput.value?.click() }
     ]

frontend/src/styles.css

@@ -123,7 +123,6 @@ select {
   width: 100%;
 }
 
-.muted-line,
 .page-subtitle {
   overflow: hidden;
   color: var(--td-text-color-placeholder);
@@ -1152,14 +1151,6 @@ select {
   flex-direction: column;
 }
 
-.settings-card-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  min-width: 0;
-  gap: 16px;
-}
-
 .settings-tabs-card > .n-card__content,
 .settings-tabs-card > .n-card-content {
   flex: 1;
@@ -1671,7 +1662,6 @@ select {
   }
 
   .card-actions,
-  .settings-card-header,
   .field-card-title-row,
   .extract-list-header {
     align-items: stretch;