fix: 优化数据库页面按钮交互样式

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

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

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>

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;
 }
 
 /* 空状态（已不使用） */