From 09928416735ff347e5d5cc25b34e627050957b7f Mon Sep 17 00:00:00 2001 From: JimmFly 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 649d9152b3..d0d7be6a99 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)': {