style: add hover style to the setting button in workspace card (#4193)

2026-02-13 21:05:19 +00:00 · 2023-09-07 13:05:38 +08:00
parent f789e366f2
commit 0992841673
1 changed files with 6 additions and 0 deletions
--- 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)': {