diff options
| author | Eric Bailey <git@esb.lol> | 2024-09-23 16:34:59 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-09-23 16:34:59 -0500 |
| commit | e93cbbd56a70ab3fd44866009400c7b3df24286b (patch) | |
| tree | 891eff6e8fbe8282db3f1ba249b763312a22d2a4 /src/components | |
| parent | e1ee95a7193501fce13d0bbdee57963901635741 (diff) | |
| download | voidsky-e93cbbd56a70ab3fd44866009400c7b3df24286b.tar.zst | |
Don't use flex on inputs (#5458)
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/dialogs/Embed.tsx | 22 | ||||
| -rw-r--r-- | src/components/forms/TextField.tsx | 4 |
2 files changed, 14 insertions, 12 deletions
diff --git a/src/components/dialogs/Embed.tsx b/src/components/dialogs/Embed.tsx index 73ecf6616..ca75b0139 100644 --- a/src/components/dialogs/Embed.tsx +++ b/src/components/dialogs/Embed.tsx @@ -106,16 +106,18 @@ function EmbedDialogInner({ </View> <View style={[a.flex_row, a.gap_sm]}> - <TextField.Root> - <TextField.Icon icon={CodeBrackets} /> - <TextField.Input - label={_(msg`Embed HTML code`)} - editable={false} - selection={{start: 0, end: snippet.length}} - value={snippet} - style={{}} - /> - </TextField.Root> + <View style={[a.flex_1]}> + <TextField.Root> + <TextField.Icon icon={CodeBrackets} /> + <TextField.Input + label={_(msg`Embed HTML code`)} + editable={false} + selection={{start: 0, end: snippet.length}} + value={snippet} + style={{}} + /> + </TextField.Root> + </View> <Button label={_(msg`Copy code`)} color="primary" diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index 23229c8f4..94ee261e3 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -9,8 +9,8 @@ import { ViewStyle, } from 'react-native' +import {HITSLOP_20} from '#/lib/constants' import {mergeRefs} from '#/lib/merge-refs' -import {HITSLOP_20} from 'lib/constants' import {android, atoms as a, useTheme, web} from '#/alf' import {useInteractionState} from '#/components/hooks/useInteractionState' import {Props as SVGIconProps} from '#/components/icons/common' @@ -73,7 +73,7 @@ export function Root({children, isInvalid = false}: RootProps) { return ( <Context.Provider value={context}> <View - style={[a.flex_row, a.align_center, a.relative, a.flex_1, a.px_md]} + style={[a.flex_row, a.align_center, a.relative, a.w_full, a.px_md]} {...web({ onClick: () => inputRef.current?.focus(), onMouseOver: onHoverIn, |