short-drama-agent/short-drama-agent-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
为刷新图库和批量生图按钮补充与未选中布局按钮一致的浅色背景。
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
Download Patch File Download Diff File Expand all files Collapse all files
src/features/subject-images/SubjectImagesPage.vue
+5 -4
View File
@@ -616,7 +616,7 @@ async function showStaleForms() {
<NPopover trigger="hover" placement="top" :disabled="isMobile"> <NPopover trigger="hover" placement="top" :disabled="isMobile">
<template #trigger> <template #trigger>
<NButton <NButton
class="icon-button" class="icon-button gallery-action-button"
size="small" size="small"
:disabled="query.loading.value || impact.query.loading.value" :disabled="query.loading.value || impact.query.loading.value"
aria-label="刷新图库" aria-label="刷新图库"
@@ -635,7 +635,7 @@ async function showStaleForms() {
<NPopover trigger="hover" placement="top" :disabled="isMobile"> <NPopover trigger="hover" placement="top" :disabled="isMobile">
<template #trigger> <template #trigger>
<NButton <NButton
class="icon-button" class="icon-button gallery-action-button"
size="small" size="small"
data-workspace-tools data-workspace-tools
aria-label="批量生图" aria-label="批量生图"
@@ -943,8 +943,9 @@ async function showStaleForms() {
.gallery-layout-switch { .gallery-layout-switch {
@apply flex items-center gap-2; @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); background: var(--app-control-hover);
} }
@container (max-width: 1200px) { @container (max-width: 1200px) {
tests/components/ui/flatTheme.test.ts
+2 -1
View File
@@ -218,8 +218,9 @@ describe('全站平面主题', () => {
) )
expect(css).toMatch(/\.filter-result-count\s*\{[^}]*display:\s*none;/) expect(css).toMatch(/\.filter-result-count\s*\{[^}]*display:\s*none;/)
expect(css).toMatch( 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( expect(css).toMatch(
/\.gallery-layout-switch\s*\{[^}]*display:\s*flex;[^}]*align-items:\s*center;[^}]*gap:\s*8px;/ /\.gallery-layout-switch\s*\{[^}]*display:\s*flex;[^}]*align-items:\s*center;[^}]*gap:\s*8px;/
) )