feat: 总览页样式优化

This commit is contained in:
digua
2026-03-28 23:00:44 +08:00
committed by digua
parent 462ea14092
commit fdd970701b
11 changed files with 29 additions and 17 deletions
@@ -214,14 +214,14 @@ onUnmounted(() => {
{{ session.name }}
</h2>
<div class="mt-4 flex items-start gap-24">
<div class="mt-4 flex items-start gap-6 sm:gap-24">
<div class="min-w-0 flex flex-col gap-2 text-sm font-medium text-gray-500 dark:text-gray-400">
<div class="flex items-center gap-2">
<div class="flex h-6 w-6 shrink-0 items-center justify-center">
<UIcon v-if="session.type === 'group'" name="i-heroicons-user-group" class="h-4 w-4 opacity-70" />
<UIcon v-else name="i-heroicons-user" class="h-4 w-4 opacity-70" />
</div>
<span class="truncate">
<span class="whitespace-nowrap">
{{ session.platform.toUpperCase() }}
·
{{
@@ -236,7 +236,7 @@ onUnmounted(() => {
<div class="flex h-6 w-6 shrink-0 items-center justify-center">
<UIcon name="i-heroicons-calendar" class="h-4 w-4 opacity-70" />
</div>
<span class="truncate font-mono text-xs opacity-90">{{ fullTimeRangeText }}</span>
<span class="font-mono text-xs opacity-90 whitespace-nowrap">{{ fullTimeRangeText }}</span>
</div>
</div>
+17 -9
View File
@@ -238,15 +238,23 @@ function getSessionAvatar(session: AnalysisSession): string | null {
<UIcon name="i-heroicons-question-mark-circle" class="size-3.5 text-gray-400" />
</div>
</UTooltip>
<UTooltip :text="t('layout.tooltip.search')" :popper="{ placement: 'right' }">
<UButton
:icon="showSearch ? 'i-heroicons-x-mark' : 'i-heroicons-magnifying-glass'"
color="neutral"
variant="ghost"
size="xs"
@click="toggleSearch"
/>
</UTooltip>
<div class="flex items-center gap-2">
<button
class="text-xs font-medium text-gray-400 hover:text-gray-900 transition-colors dark:hover:text-white"
@click="router.push({ name: 'settings', query: { tab: 'data' } })"
>
{{ t('layout.manage') }}
</button>
<UTooltip :text="t('layout.tooltip.search')" :popper="{ placement: 'right' }">
<UButton
:icon="showSearch ? 'i-heroicons-x-mark' : 'i-heroicons-magnifying-glass'"
color="neutral"
variant="ghost"
size="xs"
@click="toggleSearch"
/>
</UTooltip>
</div>
</div>
<!-- 搜索框 -->
<div v-if="showSearch" class="mt-2">
+1
View File
@@ -3,6 +3,7 @@
"newAnalysis": "New Analysis",
"tools": "Tools",
"chatHistory": "Chat History",
"manage": "Manage",
"noRecords": "No records",
"searchPlaceholder": "Search conversation name",
"noSearchResult": "No matching chat records found",
+1 -1
View File
@@ -26,7 +26,7 @@
"name": "Name",
"platform": "Platform",
"messages": "Messages",
"summaries": "Summaries",
"summaries": "AI Summaries",
"aiChats": "AI Chats",
"importedAt": "Imported"
},
+1
View File
@@ -3,6 +3,7 @@
"newAnalysis": "新しいチャットを分析",
"tools": "ツール",
"chatHistory": "チャット履歴",
"manage": "管理",
"noRecords": "記録がありません",
"searchPlaceholder": "チャット名を検索",
"noSearchResult": "一致するチャット記録が見つかりません",
+1 -1
View File
@@ -26,7 +26,7 @@
"name": "名前",
"platform": "プラットフォーム",
"messages": "メッセージ数",
"summaries": "要約",
"summaries": "AI要約",
"aiChats": "AI チャット",
"importedAt": "インポート日時"
},
+1
View File
@@ -3,6 +3,7 @@
"newAnalysis": "分析新聊天",
"tools": "实用工具",
"chatHistory": "聊天对话",
"manage": "管理",
"noRecords": "暂无记录",
"searchPlaceholder": "搜索对话名称",
"noSearchResult": "未找到匹配的聊天记录",
+1 -1
View File
@@ -26,7 +26,7 @@
"name": "名称",
"platform": "平台",
"messages": "消息数",
"summaries": "摘要",
"summaries": "AI摘要",
"aiChats": "AI 对话",
"importedAt": "导入时间"
},
+1
View File
@@ -3,6 +3,7 @@
"newAnalysis": "分析新聊天",
"tools": "實用工具",
"chatHistory": "聊天紀錄",
"manage": "管理",
"noRecords": "暫無紀錄",
"searchPlaceholder": "搜尋聊天名稱",
"noSearchResult": "未找到匹配的聊天紀錄",
+1 -1
View File
@@ -26,7 +26,7 @@
"name": "名稱",
"platform": "平台",
"messages": "訊息數",
"summaries": "摘要",
"summaries": "AI摘要",
"aiChats": "AI 對話",
"importedAt": "匯入時間"
},
@@ -520,7 +520,7 @@ onMounted(() => {
{{ session.messageCount.toLocaleString() }}
</div>
<!-- 摘要数 -->
<!-- AI 摘要数 -->
<div class="w-16 text-right text-sm text-gray-600 dark:text-gray-300">
{{ session.summaryCount || 0 }}
</div>