Update DashboardView.vue
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user