fix(ui): fix navigation buttons height and hover consistency

- Fix nav-right buttons not stretching to full header height
- Add explicit hover styles for nav-right buttons
- Ensure consistent hover effect across left and right navigation

Author: ysfscream

src/widgets/DiffView.vue

@@ -240,15 +240,23 @@ export default class DiffView extends Vue {
 
     .nav-right {
       display: flex;
-      align-items: center;
+      align-items: stretch;
+      background: var(--color-bg-normal);
       border-left: 1px solid var(--color-border-default);
 
       .nav-icon {
+        background: transparent;
+        height: auto;
         border-left: 1px solid var(--color-border-default);
 
         &:first-child {
           border-left: none;
         }
+
+        &:hover {
+          background: var(--color-main-green);
+          color: #fff;
+        }
       }
     }
 

src/widgets/JSONViewer.vue

@@ -382,7 +382,7 @@ export default class JsonViewer extends Vue {
 
   .json-header {
     display: flex;
-    align-items: center;
+    align-items: stretch;
     border-bottom: 1px solid var(--color-border-default);
     background: var(--color-bg-primary);
 
@@ -420,15 +420,23 @@ export default class JsonViewer extends Vue {
 
     .nav-right {
       display: flex;
-      align-items: center;
+      align-items: stretch;
+      background: var(--color-bg-normal);
       border-left: 1px solid var(--color-border-default);
 
       .nav-icon {
+        background: transparent;
+        height: auto;
         border-left: 1px solid var(--color-border-default);
 
         &:first-child {
           border-left: none;
         }
+
+        &:hover {
+          background: var(--color-main-green);
+          color: #fff;
+        }
       }
     }