From 481e8891b0df6b2a4ce0fdce53150c7b291eeb69 Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Thu, 7 Sep 2023 13:05:38 +0800
Subject: [PATCH] style: add hover style to the setting button in workspace
 card (#4193)

---
 .../component/src/components/card/workspace-card/styles.ts  | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/component/src/components/card/workspace-card/styles.ts b/packages/component/src/components/card/workspace-card/styles.ts
index 1aea2c2c55..266af82e7c 100644
--- a/packages/component/src/components/card/workspace-card/styles.ts
+++ b/packages/component/src/components/card/workspace-card/styles.ts
@@ -62,6 +62,12 @@ export const StyledCard = styled('div')<{
       '.setting-entry': {
         opacity: 1,
         pointerEvents: 'auto',
+        backgroundColor: 'var(--affine-white-30)',
+        boxShadow: 'var(--affine-shadow-1)',
+        ':hover': {
+          background:
+            'linear-gradient(0deg, var(--affine-hover-color) 0%, var(--affine-hover-color) 100%), var(--affine-white-30)',
+        },
       },
     },
     '@media (max-width: 720px)': {