diff options
| author | Minseo Lee <itoupluk427@gmail.com> | 2024-08-12 06:30:18 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-08-11 14:30:18 -0700 |
| commit | 88f879ffe91fb7bff668c81b5a82fb4cfbd7889b (patch) | |
| tree | 9717e7cb757ad566b1ea4d1023911ed301c476ef /src/components | |
| parent | 6f450b4982405535ebccba24f2e32940b161d57f (diff) | |
| download | voidsky-88f879ffe91fb7bff668c81b5a82fb4cfbd7889b.tar.zst | |
Improve styles (#4916)
Co-authored-by: Hailey <me@haileyok.com>
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({ |