From 2d8f0fa3122c9221c0d82291c47aa0e82763f13d Mon Sep 17 00:00:00 2001
From: "DESKTOP-72TV0V4\\caoxiaozhu" <leocaoxiaozhu@163.com>
Date: Sat, 7 Mar 2026 14:28:25 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=BA=93=E9=A1=B5=E9=9D=A2=E6=8C=89=E9=92=AE=E4=BA=A4=E4=BA=92?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 编辑和映射按钮添加 hover 颜色
- 优化翻页按钮过渡动画

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/views/Database.vue          | 8 ++++----
 web/src/views/database/database.css | 8 ++++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/web/src/views/Database.vue b/web/src/views/Database.vue
index d11ef2a..cc546b2 100644
--- a/web/src/views/Database.vue
+++ b/web/src/views/Database.vue
@@ -119,14 +119,14 @@ const {
                   class="btn-icon"
                   title="Map Tables"
                 >
-                  <i class="fa-solid fa-link text-gray-400"></i>
+                  <i class="fa-solid fa-link text-gray-400 hover:text-primary-danger"></i>
                 </button>
                 <button
                   @click="openEdit(db)"
                   class="btn-icon"
                   title="Edit"
                 >
-                  <i class="fa-solid fa-pen text-gray-400"></i>
+                  <i class="fa-solid fa-pen text-gray-400 hover:text-primary-danger"></i>
                 </button>
                 <button
                   @click="deleteDb(db.id)"
@@ -529,7 +529,7 @@ const {
                     <button
                       v-if="selectedTables.length > 1"
                       @click="prevTable"
-                      class="p-1 hover:bg-dark-700 rounded"
+                      class="p-1 rounded transition-colors hover:bg-dark-700"
                       :disabled="currentTableIndex <= 0"
                     >
                       <i class="fa-solid fa-chevron-left text-gray-400"></i>
@@ -538,7 +538,7 @@ const {
                     <button
                       v-if="selectedTables.length > 1"
                       @click="nextTable"
-                      class="p-1 hover:bg-dark-700 rounded"
+                      class="p-1 rounded transition-colors hover:bg-dark-700"
                       :disabled="currentTableIndex >= selectedTables.length - 1"
                     >
                       <i class="fa-solid fa-chevron-right text-gray-400"></i>
diff --git a/web/src/views/database/database.css b/web/src/views/database/database.css
index fde1b9b..6a565f6 100644
--- a/web/src/views/database/database.css
+++ b/web/src/views/database/database.css
@@ -22,12 +22,16 @@
 
 /* 图标按钮 */
 .btn-icon {
-  @apply p-2 rounded-lg hover:bg-dark-600 transition-colors;
+  @apply p-2 rounded-lg transition-colors;
+}
+
+.btn-icon:hover {
+  @apply bg-dark-600;
 }
 
 /* 表格行 */
 .table-row {
-  @apply border-b border-dark-600 hover:bg-dark-600/50 transition-colors;
+  @apply border-b border-dark-600;
 }
 
 /* 空状态（已不使用） */