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

style: update deactivated state styles in onboarding button (#997)

Browse Source 
[952] style: update deactivated state styles in onboarding button
This commit is contained in:
Indrajeet Nikam
2023-07-31 02:37:58 +05:30
committed by GitHub
parent 20a1946b35
commit 86a2d67efd
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
front/src/modules/ui/button/components/MainButton.tsx
View File

@ -15,7 +15,7 @@ const StyledButton = styled.button<Pick<Props, 'fullWidth' | 'variant'>>`
align-items: center; align-items: center;
background: ${({ theme, variant, disabled }) => { background: ${({ theme, variant, disabled }) => {
if (disabled) { if (disabled) {
return theme.background.tertiary; return theme.background.secondary;
} }
switch (variant) { switch (variant) {
@ -31,9 +31,22 @@ const StyledButton = styled.button<Pick<Props, 'fullWidth' | 'variant'>>`
return theme.background.primary; return theme.background.primary;
} }
}}; }};
border: 1px solid ${({ theme }) => theme.border.color.light}; border: 1px solid;
border-color: ${({ theme, disabled }) => {
if (disabled) {
return theme.background.transparent.lighter;
}
return theme.border.color.light;
}};
border-radius: ${({ theme }) => theme.border.radius.md}; border-radius: ${({ theme }) => theme.border.radius.md};
box-shadow: ${({ theme }) => theme.boxShadow.light}; ${({ theme, disabled }) => {
if (disabled) {
return '';
}
return `box-shadow: ${theme.boxShadow.light};`;
}}
color: ${({ theme, variant, disabled }) => { color: ${({ theme, variant, disabled }) => {
if (disabled) { if (disabled) {
return theme.font.color.light; return theme.font.color.light;