From 03d2b5ae43da495e91c7b66e2290b08621c5655f Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 19 Dec 2022 11:10:12 +0800
Subject: [PATCH] perf: optimize the operation button style of the entity
 component (#780)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/kind improvement

#### What this PR does / why we need it:

优化 Entity 组件（数据列表）的操作按钮样式。

#### Which issue(s) this PR fixes:

Fixes https://github.com/halo-dev/halo/issues/2971

#### Screenshots:

before:

![image](https://user-images.githubusercontent.com/21301288/208065926-9e0fb332-4075-43cf-b75f-4d040c80ccfa.png)


after:

<img width="1658" alt="image" src="https://user-images.githubusercontent.com/21301288/208066185-a48d5f84-e451-4fc7-9eea-b152ddb8db86.png">



#### Special notes for your reviewer:

None

#### Does this PR introduce a user-facing change?


```release-note
优化 Console 端数据列表的操作按钮样式
```
---
 packages/components/src/components/entity/Entity.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/components/entity/Entity.vue b/packages/components/src/components/entity/Entity.vue
index b1cf3418..c3c50e6e 100644
--- a/packages/components/src/components/entity/Entity.vue
+++ b/packages/components/src/components/entity/Entity.vue
@@ -37,7 +37,8 @@ const classes = computed(() => {
       <div v-if="$slots.dropdownItems" class="entity-dropdown">
         <FloatingDropdown>
           <div
-            class="entity-dropdown-trigger group-hover:bg-gray-100"
+            class="entity-dropdown-trigger group-hover:bg-gray-200/60"
+            :class="{ '!bg-gray-300/60': isSelected }"
             @click.stop
           >
             <IconMore />