A few polish on tasks (#1023)

A few polishing on tasks
This commit is contained in:
Charles Bochet
2023-07-31 18:15:08 -07:00
committed by GitHub
parent 22ca00bb67
commit 8b8e4ac4a5
12 changed files with 141 additions and 65 deletions

View File

@ -16,9 +16,10 @@ const StyledTab = styled.div<{ active?: boolean }>`
active ? theme.border.color.inverted : 'transparent'};
color: ${({ theme, active }) =>
active ? theme.font.color.primary : theme.font.color.secondary};
cursor: pointer;
display: flex;
gap: ${({ theme }) => theme.spacing(1)};
justify-content: center;
padding: ${({ theme }) => theme.spacing(2) + ' ' + theme.spacing(4)};
@ -38,7 +39,8 @@ export function Tab({
}: OwnProps) {
return (
<StyledTab onClick={onClick} active={active} className={className}>
{icon} {title}
{icon}
{title}
</StyledTab>
);
}