diff options
Diffstat (limited to 'src/lib/auth/components/Menu.jsx')
| -rw-r--r-- | src/lib/auth/components/Menu.jsx | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/lib/auth/components/Menu.jsx b/src/lib/auth/components/Menu.jsx index ddbb0760..979de83b 100644 --- a/src/lib/auth/components/Menu.jsx +++ b/src/lib/auth/components/Menu.jsx @@ -118,7 +118,10 @@ const Menu = () => { <p>Profil Saya</p> </div> </LinkItem> - <button type='button' className='text-gray_r-12/80 p-2 text-left'> + <button + type='button' + className='text-gray_r-12/80 p-2 text-left hover:bg-gray_r-5 ' + > <div className='flex gap-x-3 items-center'> <ImageNext src='/images/icon/icon_logout.svg' @@ -136,8 +139,8 @@ const Menu = () => { const LinkItem = ({ children, ...props }) => ( <Link {...props} - className={`!text-gray_r-12/80 !font-normal p-2 rounded ${ - props.active == true ? 'bg-gray_r-3' : '' + className={`!text-gray_r-12/80 !font-normal p-2 rounded transition-colors duration-200 ${ + props.active ? 'bg-gray_r-3' : 'hover:bg-gray_r-5 ' }`} > {children} |