Skip to content
This repository was archived by the owner on May 4, 2023. It is now read-only.

Commit 5d6be3d

Browse files
chore: added hover effect to favorite button
1 parent 1018083 commit 5d6be3d

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/renderer/components/Favorite/Favorite.tsx

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,21 @@ export default function Favorite({
2323
>
2424
<Button
2525
variant="unstyled"
26-
minW="12px"
26+
minW="26px"
2727
h="26px"
2828
d="flex"
2929
justifyContent="center"
3030
alignItems="center"
3131
onClick={isSubscribed ? onUnsubscribe : onSubscribe}
3232
boxShadow="none !important"
3333
isDisabled={!userId} // if NOT logged in, disable the button
34+
ml="-space_4"
35+
_hover={{
36+
bg: 'neutral.50',
37+
_dark: {
38+
bg: 'base.dark',
39+
},
40+
}}
3441
>
3542
{isSubscribed ? (
3643
<HeartFilledIcon h="10px" w="10px" color="base.rose" />

0 commit comments

Comments
 (0)