dark mode sidebar button.

This commit is contained in:
Hossein Mehrabi
2022-10-07 21:08:07 +03:30
parent 3a21240a02
commit d12eb1c9bf
2 changed files with 18 additions and 1 deletions
+4 -1
View File
@@ -49,7 +49,10 @@ export default function NavbarContent(): JSX.Element {
<div className="col col--2">
<button
onClick={dispatch.toggleSidebar}
className={styles.sidebarButton}
className={clsx(
styles.sidebarButton,
hiddenDesktopSidebar && styles.expand,
)}
>
{!hiddenDesktopSidebar ? <ChevronIcon /> : <HamburgerIcon />}
</button>
@@ -63,6 +63,20 @@
width: 52px;
height: 46px;
&.expand {
svg,
svg * {
fill: currentColor;
}
}
&:not(.expand) {
svg,
svg * {
stroke: currentColor;
}
}
}
%menu-common {