fix: 统一图库操作图标背景

为刷新图库和批量生图按钮补充与未选中布局按钮一致的浅色背景。
This commit is contained in:
GouJ
2026-09-08 16:39:57 +08:00
committed by GitHub
parent aa83f7196d
commit fbf2690f2a
2 changed files with 7 additions and 5 deletions
@@ -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) {