Update DashboardView.vue

This commit is contained in:
Baobhan Sith
2025-04-24 14:41:43 +08:00
parent e287ce20a8
commit c12422757e
@@ -133,7 +133,7 @@ const getActionTranslation = (actionType: string): string => {
<div class="p-4"> <div class="p-4">
<div v-if="isLoadingConnections" class="text-center text-text-secondary">{{ t('common.loading') }}</div> <div v-if="isLoadingConnections" class="text-center text-text-secondary">{{ t('common.loading') }}</div>
<ul v-else-if="recentConnections.length > 0" class="space-y-3"> <ul v-else-if="recentConnections.length > 0" class="space-y-3">
<li v-for="conn in recentConnections" :key="conn.id" class="flex items-center justify-between p-3 bg-background-alt rounded hover:bg-hover transition duration-150 ease-in-out"> <li v-for="conn in recentConnections" :key="conn.id" class="flex items-center justify-between p-3 bg-header/50 border border-border/50 rounded transition duration-150 ease-in-out"> <!-- Applied audit log item style -->
<div class="flex-grow mr-4 overflow-hidden"> <div class="flex-grow mr-4 overflow-hidden">
<span class="font-medium block truncate" :title="conn.name || ''">{{ conn.name || 'Unnamed' }}</span> <span class="font-medium block truncate" :title="conn.name || ''">{{ conn.name || 'Unnamed' }}</span>
<span class="text-sm text-text-secondary block truncate" :title="`${conn.username}@${conn.host}:${conn.port}`"> <span class="text-sm text-text-secondary block truncate" :title="`${conn.username}@${conn.host}:${conn.port}`">
@@ -150,11 +150,6 @@ const getActionTranslation = (actionType: string): string => {
</ul> </ul>
<div v-else class="text-center text-text-secondary">{{ t('dashboard.noRecentConnections', '没有最近连接记录') }}</div> <div v-else class="text-center text-text-secondary">{{ t('dashboard.noRecentConnections', '没有最近连接记录') }}</div>
</div> </div>
<div class="px-4 py-3 border-t border-border text-right">
<RouterLink :to="{ name: 'Workspace' }" class="text-sm text-link hover:text-link-hover hover:underline">
{{ t('dashboard.viewAllConnections', '查看所有连接') }}
</RouterLink>
</div>
</div> </div>
<!-- Recent Activity --> <!-- Recent Activity -->
@@ -165,7 +160,7 @@ const getActionTranslation = (actionType: string): string => {
<div class="p-4"> <div class="p-4">
<div v-if="isLoadingLogs" class="text-center text-text-secondary">{{ t('common.loading') }}</div> <div v-if="isLoadingLogs" class="text-center text-text-secondary">{{ t('common.loading') }}</div>
<ul v-else-if="recentAuditLogs.length > 0" class="space-y-3"> <ul v-else-if="recentAuditLogs.length > 0" class="space-y-3">
<li v-for="log in recentAuditLogs" :key="log.id" class="p-3 bg-background-alt rounded"> <li v-for="log in recentAuditLogs" :key="log.id" class="p-3 bg-header/50 border border-border/50 rounded"> <!-- Applied audit log item style -->
<div class="flex justify-between items-start mb-1"> <div class="flex justify-between items-start mb-1">
<span class="font-medium text-sm">{{ getActionTranslation(log.action_type) }}</span> <span class="font-medium text-sm">{{ getActionTranslation(log.action_type) }}</span>
<span class="text-xs text-text-alt flex-shrink-0 ml-2">{{ formatRelativeTime(log.timestamp) }}</span> <span class="text-xs text-text-alt flex-shrink-0 ml-2">{{ formatRelativeTime(log.timestamp) }}</span>