From 939f36bda681eb23e88677cd9010705c43c04279 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Sun, 10 May 2026 10:26:14 +0800
Subject: [PATCH] fix(redis): align key table columns

---
 src/components/redis/RedisKeyBrowser.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/redis/RedisKeyBrowser.vue b/src/components/redis/RedisKeyBrowser.vue
index 990e46fa08..80ac7e44c2 100644
--- a/src/components/redis/RedisKeyBrowser.vue
+++ b/src/components/redis/RedisKeyBrowser.vue
@@ -47,6 +47,9 @@ const checkedKeys = ref<Set<string>>(new Set());
 const showBatchDeleteConfirm = ref(false);
 
 const PAGE_SIZE = 200;
+const keyGridStyle = {
+  gridTemplateColumns: "minmax(12rem, 0.35fr) 80px 1fr 60px 60px",
+};
 
 const effectivePattern = computed(() => searchPattern.value.trim() || "*");
 const isSearchMode = computed(() => effectivePattern.value !== "*");
@@ -225,9 +228,7 @@ onMounted(loadKeys);
         </div>
 
         <!-- Table header -->
-        <div
-          class="grid grid-cols-[minmax(12rem,0.35fr)_70px_1fr_60px_60px] border-b bg-muted/50 shrink-0 text-xs font-medium text-muted-foreground"
-        >
+        <div class="grid border-b bg-muted/50 shrink-0 text-xs font-medium text-muted-foreground" :style="keyGridStyle">
           <div class="px-3 py-1 border-r">键</div>
           <div class="px-2 py-1 border-r">类型</div>
           <div class="px-3 py-1 border-r">值</div>
@@ -252,9 +253,9 @@ onMounted(loadKeys);
         <RecycleScroller v-else class="flex-1" :items="visibleRows" :item-size="28" key-field="id">
           <template #default="{ item: row }">
             <div
-              class="grid grid-cols-[minmax(12rem,0.35fr)_80px_1fr_60px_60px] border-b text-xs cursor-pointer hover:bg-accent/50 group"
+              class="grid border-b text-xs cursor-pointer hover:bg-accent/50 group"
               :class="{ 'bg-accent': row.node.kind === 'leaf' && selectedKeyRaw === row.node.keyRaw }"
-              :style="{ height: '28px' }"
+              :style="{ ...keyGridStyle, height: '28px' }"
               @click="onRowClick(row.node)"
             >
               <!-- Key column -->