jingrowlocal/jingrow-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pagetype详情页的删除图标背景色改为红色

Browse Source
This commit is contained in:
jingrow 2025-11-01 21:59:34 +08:00
parent 95a2f2d5a2
commit 70d75c73dc
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue
View File

@ -47,7 +47,7 @@
@click="handleDelete"
:disabled="loading || isNew"
:title="t('Delete')"
class="header-action-btn"
class="header-action-btn delete-btn"
>
<template #icon>
<n-icon>
@ -1636,6 +1636,18 @@ watch(() => route.params.entity, async (newEntity, oldEntity) => {
justify-content: center;
}
/* 删除按钮悬浮时使用红色 */
.header-action-btn.delete-btn:hover:not(:disabled) {
background: #ef4444 !important;
border-color: #ef4444 !important;
color: white !important;
}
.header-action-btn.delete-btn:hover:not(:disabled) :deep(.n-button__border),
.header-action-btn.delete-btn:hover:not(:disabled) :deep(.n-button__state-border) {
border-color: #ef4444 !important;
}
/* 保存按钮 - 使用柔和的品牌色系，与列表页创建按钮一致 */
.save-btn-brand {
background: #e6f8f0 !important;