feat: 优化部分展示样式

src/components/common/Settings/DataStorage/StorageManageSection.vue

@@ -336,20 +336,6 @@ defineExpose({
       </p>
     </div>
 
-    <!-- 提示信息 -->
-    <div class="rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-800/50 dark:bg-amber-900/20">
-      <div class="flex items-start gap-2">
-        <UIcon name="i-heroicons-exclamation-triangle" class="h-4 w-4 shrink-0 text-amber-500" />
-        <div class="text-xs text-amber-700 dark:text-amber-400">
-          <p class="font-medium">{{ t('settings.storage.notes.title') }}</p>
-          <ul class="mt-1 list-inside list-disc space-y-0.5 text-amber-600 dark:text-amber-500">
-            <li>{{ t('settings.storage.notes.logSafe') }}</li>
-            <li>{{ t('settings.storage.notes.noRecover') }}</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-
     <!-- 切换数据目录确认弹窗 -->
     <UModal v-model:open="showConfirmModal" :ui="{ content: 'z-[101]', overlay: 'z-[100]' }">
       <template #content>

src/i18n/locales/en-US/settings.json

@@ -207,11 +207,6 @@
     "notExist": "Not exist",
     "clear": "Clear",
     "open": "Open",
-    "notes": {
-      "title": "Notes",
-      "logSafe": "Log files are mainly for debugging and can be safely cleared",
-      "noRecover": "All cleared files cannot be recovered, please proceed with caution"
-    },
     "cache": {
       "databases": {
         "name": "Chat Databases",

src/i18n/locales/ja-JP/settings.json

@@ -207,11 +207,6 @@
     "notExist": "存在しません",
     "clear": "クリア",
     "open": "開く",
-    "notes": {
-      "title": "注意事項",
-      "logSafe": "ログファイルは主にバグ調査用です。安全にクリアできます",
-      "noRecover": "クリアしたファイルは復元できません。慎重に操作してください"
-    },
     "cache": {
       "databases": {
         "name": "チャット履歴データベース",

src/i18n/locales/zh-CN/settings.json

@@ -207,11 +207,6 @@
     "notExist": "不存在",
     "clear": "清理",
     "open": "打开",
-    "notes": {
-      "title": "注意事项",
-      "logSafe": "日志文件主要用于排查BUG，可以安全清理",
-      "noRecover": "所有文件清理后无法恢复，请谨慎操作"
-    },
     "cache": {
       "databases": {
         "name": "聊天记录数据库",

src/i18n/locales/zh-TW/settings.json

@@ -207,11 +207,6 @@
     "notExist": "不存在",
     "clear": "清理",
     "open": "開啟",
-    "notes": {
-      "title": "注意事項",
-      "logSafe": "日誌檔主要用於除錯，可安心清理",
-      "noRecover": "所有檔案清理後無法恢復，請謹慎操作"
-    },
     "cache": {
       "databases": {
         "name": "聊天紀錄資料庫",

src/pages/group-chat/components/OverviewTab.vue

@@ -78,14 +78,14 @@ const memberChartData = computed<EChartPieData>(() => {
       <!-- 消息类型分布 -->
       <SectionCard :title="t('analysis.overview.messageTypeDistribution')" :show-divider="false">
         <div class="p-5">
-          <EChartPie :data="typeChartData" :height="256" />
+          <EChartPie :data="typeChartData" :height="280" />
         </div>
       </SectionCard>
 
       <!-- 成员水群分布 -->
       <SectionCard :title="t('analysis.overview.memberDistribution')" :show-divider="false">
         <div class="p-5">
-          <EChartPie :data="memberChartData" :height="256" />
+          <EChartPie :data="memberChartData" :height="280" />
         </div>
       </SectionCard>
     </div>

src/pages/private-chat/components/OverviewTab.vue

@@ -92,14 +92,14 @@ const comparisonChartData = computed<EChartPieData>(() => {
       <!-- 消息类型分布 -->
       <SectionCard :title="t('analysis.overview.messageTypeDistribution')" :show-divider="false">
         <div class="p-5">
-          <EChartPie :data="typeChartData" :height="256" />
+          <EChartPie :data="typeChartData" :height="280" />
         </div>
       </SectionCard>
 
       <!-- 双方消息占比饼图 -->
       <SectionCard v-if="memberComparisonData" :title="t('analysis.overview.memberComparison')" :show-divider="false">
         <div class="p-5">
-          <EChartPie :data="comparisonChartData" :height="256" />
+          <EChartPie :data="comparisonChartData" :height="280" />
         </div>
       </SectionCard>
     </div>