bubble/educt-client
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/educt-client.git synced 2026-10-11 18:29:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: on hover link style

Browse Source
This commit is contained in:
Sergey Yarkov 2021-08-25 17:53:56 +03:00
parent 511f919ffe
commit f6356a33df
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Nav/NavLink.tsx
View File

@ -46,6 +46,10 @@ const NavLink: React.FC<NavLinkProps> = ({ link, onCloseDrawer }) => {
padding='10px 15px' padding='10px 15px'
fontWeight='500' fontWeight='500'
transition='all .1s' transition='all .1s'
_hover={{
bg: `${colorMode === 'dark' ? 'gray.700' : 'gray.100'}`,
color: `blue.400`,
}}
> >
<Box as={link.icon} boxSize='26px' mr={3} /> <Box as={link.icon} boxSize='26px' mr={3} />
{link.title} {link.title}

3
src/stores/UIStore.ts
View File

@ -15,8 +15,7 @@ export default class UIStore {
makeAutoObservable(this); makeAutoObservable(this);
this.history.listen(({ pathname }) => { this.history.listen(({ pathname }) => {
console.log(`[history]: pathname changed to ${pathname}`); console.log(`[history]: pathname changed to "${pathname}"`);
this.location = pathname; this.location = pathname;
}); });
} }