betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

Fait une dernière itération sur le style du bouton

pull/2101/head
Johan Girod 2022-04-21 12:12:18 +02:00
parent 0e521d0941
commit 072c4995fd
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/source/components/conversation/SeeAnswersButton.tsx
View File

@ -15,8 +15,8 @@ export default function SeeAnswersButton({
<>
<PopoverWithTrigger
trigger={(buttonProps) => (
<Button {...buttonProps} size="XS" color="secondary" light>
{label ?? <Trans>Voir mes réponses</Trans>}
<Button {...buttonProps} size="XS" color="secondary">
{label ?? <Trans>Modifier mes réponses</Trans>}
</Button>
)}
>

11
site/source/design-system/buttons/Button.tsx
View File

@ -110,7 +110,7 @@ export const StyledButton = styled.button<StyledButtonProps>`
!theme.darkMode &&
css`
border-color: ${theme.colors.bases[$color][
$color === 'primary' ? 700 : $color === 'secondary' ? 500 : 300
$color === 'primary' ? 700 : 300
]};
background-color: ${theme.colors.bases[$color][
@ -126,6 +126,10 @@ export const StyledButton = styled.button<StyledButtonProps>`
css`
color: ${theme.colors.bases[$color][$color === 'primary' ? 700 : 700]};
background-color: ${theme.colors.extended.grey[100]};
${$color === 'secondary' &&
css`
border-color: ${theme.colors.bases[$color][500]};
`}
`}
@media not print {
@ -162,7 +166,10 @@ export const StyledButton = styled.button<StyledButtonProps>`
: /* Primary, secondary & tertiary colors */
css`
background-color: ${theme.colors.bases[$color][
$color === 'primary' ? 800 : $color === 'secondary' ? 500 : 400
$color === 'primary' ? 800 : 400
]};
border-color: ${theme.colors.bases[$color][
$color === 'primary' ? 800 : 400
]};
`}
}