twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-12-01 08:06:49 +03:00
Code Issues Packages Projects Releases Wiki Activity

2320-fix(front): IconEye icon size and font fix (#2490)

Browse Source 
* 2320-fix(front): IconEye icon size and font fix

* 2320-fix: StyledEye replaced with lighticonbutton
This commit is contained in:
Kanav Arora 2023-11-14 21:37:54 +05:30 committed by GitHub
parent 01ccc13e36
commit 970d9ee7f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
front/src/modules/companies/components/CompanyBoardCard.tsx
View File

@ -4,6 +4,7 @@ import { useRecoilState } from 'recoil';
import { EntityChipVariant } from '@/ui/display/chip/components/EntityChip';
import { IconEye } from '@/ui/display/icon/index';
import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
import { Checkbox, CheckboxVariant } from '@/ui/input/components/Checkbox';
import { BoardCardIdContext } from '@/ui/layout/board/contexts/BoardCardIdContext';
import { useBoardContext } from '@/ui/layout/board/hooks/useBoardContext';
@ -123,21 +124,6 @@ const StyledCompactIconContainer = styled.div`
justify-content: center;
`;
const StyledIconEye = styled(IconEye)`
color: ${({ theme }) => theme.font.color.tertiary};
height: 24px;
padding-bottom: ${({ theme }) => theme.spacing(0.2)};
padding-left: ${({ theme }) => theme.spacing(0.5)};
padding-right: ${({ theme }) => theme.spacing(0.5)};
padding-top: ${({ theme }) => theme.spacing(0.2)};
&:hover {
background-color: ${({ theme }) => theme.background.transparent.medium};
border-radius: ${({ theme }) => theme.border.radius.sm};
}
`;
export const CompanyBoardCard = () => {
const { BoardRecoilScopeContext } = useBoardContext();
@ -203,7 +189,9 @@ export const CompanyBoardCard = () => {
/>
{showCompactView && (
<StyledCompactIconContainer className="compact-icon-container">
<StyledIconEye
<LightIconButton
Icon={IconEye}
accent="tertiary"
onClick={(e) => {
e.stopPropagation();
setIsCardInCompactView(false);