From fbf2690f2a5ba61f82de279e823e96500225753f Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Tue, 8 Sep 2026 16:39:57 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=9F=E4=B8=80=E5=9B=BE=E5=BA=93?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E5=9B=BE=E6=A0=87=E8=83=8C=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为刷新图库和批量生图按钮补充与未选中布局按钮一致的浅色背景。
---
 src/features/subject-images/SubjectImagesPage.vue | 9 +++++----
 tests/components/ui/flatTheme.test.ts             | 3 ++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/features/subject-images/SubjectImagesPage.vue b/src/features/subject-images/SubjectImagesPage.vue
index 095295d..f117827 100644
--- a/src/features/subject-images/SubjectImagesPage.vue
+++ b/src/features/subject-images/SubjectImagesPage.vue
@@ -616,7 +616,7 @@ async function showStaleForms() {
                                     <NPopover trigger="hover" placement="top" :disabled="isMobile">
                                         <template #trigger>
                                             <NButton
-                                                class="icon-button"
+                                                class="icon-button gallery-action-button"
                                                 size="small"
                                                 :disabled="query.loading.value || impact.query.loading.value"
                                                 aria-label="刷新图库"
@@ -635,7 +635,7 @@ async function showStaleForms() {
                                     <NPopover trigger="hover" placement="top" :disabled="isMobile">
                                         <template #trigger>
                                             <NButton
-                                                class="icon-button"
+                                                class="icon-button gallery-action-button"
                                                 size="small"
                                                 data-workspace-tools
                                                 aria-label="批量生图"
@@ -943,8 +943,9 @@ async function showStaleForms() {
 .gallery-layout-switch {
     @apply flex items-center gap-2;
 }
-/* 未选中的排版按钮保留浅灰底，和筛选容器区分，同时不覆盖选中项的绿色状态。 */
-.gallery-layout-switch .layout-option-button:not(.layout-option-active) {
+/* 未选中的排版按钮与图库操作按钮共用浅灰底，同时不覆盖选中布局的绿色状态。 */
+.gallery-layout-switch .layout-option-button:not(.layout-option-active),
+.gallery-layout-switch .gallery-action-button {
     background: var(--app-control-hover);
 }
 @container (max-width: 1200px) {
diff --git a/tests/components/ui/flatTheme.test.ts b/tests/components/ui/flatTheme.test.ts
index c4d7c1b..f0ed44b 100644
--- a/tests/components/ui/flatTheme.test.ts
+++ b/tests/components/ui/flatTheme.test.ts
@@ -218,8 +218,9 @@ describe('全站平面主题', () => {
         )
         expect(css).toMatch(/\.filter-result-count\s*\{[^}]*display:\s*none;/)
         expect(css).toMatch(
-            /\.gallery-layout-switch \.layout-option-button:not\(\.layout-option-active\)\s*\{[^}]*background:\s*var\(--app-control-hover\);/
+            /\.gallery-layout-switch \.layout-option-button:not\(\.layout-option-active\),\s*\.gallery-layout-switch \.gallery-action-button\s*\{[^}]*background:\s*var\(--app-control-hover\);/
         )
+        expect(source.match(/class="icon-button gallery-action-button"/g)).toHaveLength(2)
         expect(css).toMatch(
             /\.gallery-layout-switch\s*\{[^}]*display:\s*flex;[^}]*align-items:\s*center;[^}]*gap:\s*8px;/
         )