root/geo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(admin-web): refine edit button hover and card shadow polish
Frontend CI / Frontend (push) Successful in 4m21s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
liangxu
2026-05-13 20:12:36 +08:00
parent 887f5b672e
commit 8890cd1ca4
3 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/admin-web/src/views/BrandsView.vue
+4 -3
View File
@@ -449,7 +449,7 @@ async function invalidateBrandQueries(): Promise<void> {
</div>
<div class="brand-card__actions">
<a-tooltip :title="t('common.edit')">
<a-button type="text" shape="circle" size="small" @click.stop="openBrandModal(brand)">
<a-button type="text" shape="circle" size="small" class="action-btn-edit" @click.stop="openBrandModal(brand)">
<EditOutlined />
</a-button>
</a-tooltip>
@@ -523,7 +523,7 @@ async function invalidateBrandQueries(): Promise<void> {
<template v-else-if="column.key === 'actions'">
<div class="table-actions-row">
<a-tooltip :title="t('common.edit')">
<a-button type="text" shape="circle" size="small" @click="openQuestionEditModal(record)">
<a-button type="text" shape="circle" size="small" class="action-btn-edit" @click="openQuestionEditModal(record)">
<EditOutlined />
</a-button>
</a-tooltip>
@@ -550,7 +550,7 @@ async function invalidateBrandQueries(): Promise<void> {
</a>
</div>
<div class="inline-actions">
<a-button type="text" shape="circle" size="small" @click="openCompetitorModal(competitor)">
<a-button type="text" shape="circle" size="small" class="action-btn-edit" @click="openCompetitorModal(competitor)">
<EditOutlined />
</a-button>
<a-popconfirm @confirm="competitorMutations.remove.mutate(competitor.id)">
@@ -896,4 +896,5 @@ async function invalidateBrandQueries(): Promise<void> {
border-left: 0;
}
}
.action-btn-edit:hover { color: #52c41a !important; background: #f6ffed !important; }
</style>