Add hover effect for navbar collapsable button (#492)

2023-07-04 09:28:32 -07:00
parent 5e1fc1ad11
commit d83313cd93
2 changed files with 5 additions and 1 deletions
--- a/front/src/modules/ui/layout/navbar/NavCollapseButton.tsx
+++ b/front/src/modules/ui/layout/navbar/NavCollapseButton.tsx
@ -13,6 +13,10 @@ const CollapseButton = styled.button<{ hideOnDesktop: boolean | undefined }>`
  align-items: center;
  background: inherit;
  border: 0;
+  &:hover {
+    background: ${({ theme }) => theme.background.quaternary};
+  }
+  border-radius: ${({ theme }) => theme.border.radius.md};

  color: ${({ theme }) => theme.font.color.light};
  cursor: pointer;