admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: use <button> tag for buttons (#7797)

Browse Source 
## What does this PR do?
This PR updates div with button tag for buttons

Fixes #7577 

![Screenshot 2024-10-17
210955](https://github.com/user-attachments/assets/54a0c0e9-93ed-4730-a738-bf486f1f58c8)
This commit is contained in:
Prashant Kumar
2024-10-21 18:02:19 +05:30
committed by GitHub
parent 784770dfe8
commit 28c99cbc64
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx
View File

@ -5,9 +5,11 @@ type StyledDropdownButtonProps = {
isActive?: boolean; isActive?: boolean;
}; };
export const StyledHeaderDropdownButton = styled.div<StyledDropdownButtonProps>` export const StyledHeaderDropdownButton = styled.button<StyledDropdownButtonProps>`
font-family: inherit;
align-items: center; align-items: center;
background: ${({ theme }) => theme.background.primary}; background: ${({ theme }) => theme.background.primary};
border: none;
border-radius: ${({ theme }) => theme.border.radius.sm}; border-radius: ${({ theme }) => theme.border.radius.sm};
color: ${({ isActive, theme, color }) => color: ${({ isActive, theme, color }) =>
color ?? (isActive ? theme.color.blue : theme.font.color.secondary)}; color ?? (isActive ? theme.color.blue : theme.font.color.secondary)};