diff options
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, |