diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Button.tsx | 24 | ||||
-rw-r--r-- | src/components/dialogs/GifSelect.tsx | 4 | ||||
-rw-r--r-- | src/components/forms/TextField.tsx | 1 |
3 files changed, 7 insertions, 22 deletions
diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 4fe0ab4b1..7881fc9b5 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -202,28 +202,10 @@ export const Button = React.forwardRef<View, ButtonProps>( } else if (color === 'secondary') { if (variant === 'solid') { if (!disabled) { - baseStyles.push({ - backgroundColor: select(t.name, { - light: t.palette.contrast_25, - dim: t.palette.contrast_100, - dark: t.palette.contrast_100, - }), - }) - hoverStyles.push({ - backgroundColor: select(t.name, { - light: t.palette.contrast_50, - dim: t.palette.contrast_200, - dark: t.palette.contrast_200, - }), - }) + baseStyles.push(t.atoms.bg_contrast_25) + hoverStyles.push(t.atoms.bg_contrast_50) } else { - baseStyles.push({ - backgroundColor: select(t.name, { - light: t.palette.contrast_100, - dim: t.palette.contrast_25, - dark: t.palette.contrast_25, - }), - }) + baseStyles.push(t.atoms.bg_contrast_100) } } else if (variant === 'outline') { baseStyles.push(a.border, t.atoms.bg, { diff --git a/src/components/dialogs/GifSelect.tsx b/src/components/dialogs/GifSelect.tsx index 51cfa10fb..4c60c6ebe 100644 --- a/src/components/dialogs/GifSelect.tsx +++ b/src/components/dialogs/GifSelect.tsx @@ -249,7 +249,9 @@ function DialogError({details}: {details?: string}) { const control = Dialog.useDialogContext() return ( - <Dialog.ScrollableInner style={a.gap_md} label={_(msg`An error has occurred`)}> + <Dialog.ScrollableInner + style={a.gap_md} + label={_(msg`An error has occurred`)}> <Dialog.Close /> <ErrorScreen title={_(msg`Oh no!`)} diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index a5ecfdcb8..23229c8f4 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -193,6 +193,7 @@ export function createInput(Component: typeof TextInput) { lineHeight: a.text_md.fontSize * 1.1875, textAlignVertical: rest.multiline ? 'top' : undefined, minHeight: rest.multiline ? 80 : undefined, + minWidth: 0, }, // fix for autofill styles covering border web({ |