diff options
| -rw-r--r-- | src/view/com/composer/GifAltText.tsx | 9 | ||||
| -rw-r--r-- | src/view/com/util/post-embeds/GifEmbed.tsx | 13 |
2 files changed, 18 insertions, 4 deletions
diff --git a/src/view/com/composer/GifAltText.tsx b/src/view/com/composer/GifAltText.tsx index b1f10bf2f..b7690e102 100644 --- a/src/view/com/composer/GifAltText.tsx +++ b/src/view/com/composer/GifAltText.tsx @@ -174,8 +174,13 @@ function AltTextInner({ <Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}> <Trans>Add alt text</Trans> </Text> - <View style={[a.w_full, a.align_center, native({maxHeight: 200})]}> - <GifEmbed link={link} params={params} hideAlt /> + <View style={[a.align_center]}> + <GifEmbed + link={link} + params={params} + hideAlt + style={[native({maxHeight: 225})]} + /> </View> </View> </View> diff --git a/src/view/com/util/post-embeds/GifEmbed.tsx b/src/view/com/util/post-embeds/GifEmbed.tsx index 5e3a69391..31c4419b5 100644 --- a/src/view/com/util/post-embeds/GifEmbed.tsx +++ b/src/view/com/util/post-embeds/GifEmbed.tsx @@ -1,5 +1,12 @@ import React from 'react' -import {Pressable, StyleSheet, TouchableOpacity, View} from 'react-native' +import { + Pressable, + StyleProp, + StyleSheet, + TouchableOpacity, + View, + ViewStyle, +} from 'react-native' import {AppBskyEmbedExternal} from '@atproto/api' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {msg, Trans} from '@lingui/macro' @@ -89,10 +96,12 @@ export function GifEmbed({ params, link, hideAlt, + style = {width: '100%'}, }: { params: EmbedPlayerParams link: AppBskyEmbedExternal.ViewExternal hideAlt?: boolean + style?: StyleProp<ViewStyle> }) { const {_} = useLingui() const autoplayDisabled = useAutoplayDisabled() @@ -124,7 +133,7 @@ export function GifEmbed({ ) return ( - <View style={[a.rounded_sm, a.overflow_hidden, a.mt_sm, {width: '100%'}]}> + <View style={[a.rounded_sm, a.overflow_hidden, a.mt_sm, style]}> <View style={[ a.rounded_sm, |