fix: 统一图库操作图标背景
为刷新图库和批量生图按钮补充与未选中布局按钮一致的浅色背景。
This commit is contained in:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user