github/dbx
4
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-23 09:23:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ContentArea): enhance tab display with improved styling for table name and database info

Browse Source
This commit is contained in:
t8y2
2026-05-05 16:55:14 +08:00
parent 4cef22904b
commit 7a71c4866d
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/ContentArea.vue
+8 -2
View File
@@ -219,8 +219,14 @@ const hasNumericData = computed(() => {
<Table2 class="h-3.5 w-3.5" />
{{ t("tabs.tableData") }}
</span>
<span class="font-medium truncate">{{ activeTab.tableMeta?.tableName || activeTab.title }}</span>
<span class="text-muted-foreground truncate">
<span
class="inline-flex items-center rounded border border-border bg-muted/50 px-2 py-0.5 font-medium truncate"
>
{{ activeTab.tableMeta?.tableName || activeTab.title }}
</span>
<span
class="inline-flex items-center rounded border border-border bg-muted/30 px-2 py-0.5 text-muted-foreground truncate"
>
{{ databaseDisplayNameForTab(activeTab.connectionId, activeTab.database) }}
<template v-if="activeTab.tableMeta?.schema"> &middot; {{ activeTab.tableMeta.schema }}</template>
</span>