From 53ffa1043c5d63254a1996df9827ae4779ab4835 Mon Sep 17 00:00:00 2001
From: Jokul <wangshengshan011@163.com>
Date: Sat, 11 Jul 2026 15:58:37 +0800
Subject: [PATCH] =?UTF-8?q?style:=20HashEditor=20=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=E9=80=82=E9=85=8D=20+=20=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E5=AF=B9=E6=AF=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- max-height=400 改为 height=100%, 表格填满剩余空间
- hash-table-wrap overflow hidden + min-height:0 配合 flex 布局
- 表格正文文字用 --text-primary (深色模式下白色)
- 表头用 --text-secondary + --bg-tertiary 背景
- 行悬停用 --bg-hover
- 输入框文字用 --text-primary 确保可读性
---
 src/renderer/src/components/HashEditor.vue | 28 ++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/HashEditor.vue b/src/renderer/src/components/HashEditor.vue
index 6cc4fe7..0be6584 100644
--- a/src/renderer/src/components/HashEditor.vue
+++ b/src/renderer/src/components/HashEditor.vue
@@ -154,7 +154,7 @@ async function addField() {
     </div>
 
     <div class="hash-table-wrap">
-      <el-table :data="filteredFields" size="small" class="hash-table" max-height="400">
+      <el-table :data="filteredFields" size="small" class="hash-table" height="100%">
         <el-table-column prop="field" :label="t('editor.field')" min-width="150">
           <template #default="{ row }">
             <el-input v-model="row.field" size="small" class="hash-input" />
@@ -226,11 +226,31 @@ async function addField() {
 .hash-table-wrap {
   flex: 1;
   padding: 12px;
-  overflow: auto;
+  overflow: hidden;
+  min-height: 0;
 }
 
 .hash-table {
   width: 100%;
+  height: 100%;
+}
+
+/* Table text color contrast */
+.hash-table :deep(.el-table__body td) {
+  color: var(--text-primary);
+}
+
+.hash-table :deep(.el-table__header th) {
+  color: var(--text-secondary);
+  background: var(--bg-tertiary);
+}
+
+.hash-table :deep(.el-table__row:hover > td) {
+  background: var(--bg-hover) !important;
+}
+
+.hash-table :deep(.el-table__body-wrapper) {
+  background: var(--bg-card);
 }
 
 .hash-input :deep(.el-input__wrapper) {
@@ -241,6 +261,10 @@ async function addField() {
   font-size: 12px;
 }
 
+.hash-input :deep(.el-input__inner) {
+  color: var(--text-primary);
+}
+
 .item-count {
   font-size: 11px;
   color: var(--text-muted);