Skip to content

Commit af91920

Browse files
committed
fix: change hover state to button icon child
1 parent 104e6ae commit af91920

File tree

1 file changed

+9
-5
lines changed

1 file changed

+9
-5
lines changed

src/components/Nav/Desktop/index.tsx

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,14 @@ const DesktopNavMenu = ({ toggleColorMode }: DesktopNavMenuProps) => {
3535
"Switch to Light Theme"
3636
)
3737

38+
const desktopHoverFocusStyles = {
39+
'& > svg': {
40+
transform: "rotate(10deg)",
41+
color: "primary.hover",
42+
transition: "transform 0.5s, color 0.2s"
43+
}
44+
}
45+
3846
/**
3947
* Adds a keydown event listener to toggle color mode (ctrl|cmd + \)
4048
* or open the language picker (\).
@@ -54,16 +62,12 @@ const DesktopNavMenu = ({ toggleColorMode }: DesktopNavMenuProps) => {
5462
return (
5563
<HStack hideBelow="md" gap="0">
5664
<IconButton
57-
transition="transform 0.5s, color 0.2s"
5865
icon={ThemeIcon}
5966
aria-label={themeIconAriaLabel}
6067
variant="ghost"
6168
isSecondary
6269
px={{ base: "2", xl: "3" }}
63-
_hover={{
64-
transform: "rotate(10deg)",
65-
color: "primary.hover",
66-
}}
70+
_hover={desktopHoverFocusStyles}
6771
onClick={toggleColorMode}
6872
/>
6973

0 commit comments

Comments
 (0)