diff options
author | Eric Bailey <git@esb.lol> | 2024-09-05 13:45:13 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-09-05 13:45:13 -0500 |
commit | 2265fedd2ac4d006e3c55dbb81ee387b93be9830 (patch) | |
tree | 83ce7cb032161fd8dee24b2a7a6e561ee2bcb9f5 /src/components/dms/MessageItemEmbed.tsx | |
parent | 117926357d3a59db8fb12f9486f657c7b0f1cf69 (diff) | |
download | voidsky-2265fedd2ac4d006e3c55dbb81ee387b93be9830.tar.zst |
Constrain image heights in feeds and threads (#5129)
* Limit height of images within posts * Add some future-proofness * Comments, improve a11y * Adjust ALT, add crop icon * Fix disableCrop in record-with-media posts * Clean up aspect ratios, handle very tall images * Handle record-with-media separately, clarify intent using enums * Adjust spacing * Adjust rwm embed image size on mobile * Only do reduced layout if images embed * Adjust gap in small embed variant * Clean up grid layout * Hide badge on small variant with one image * Remove crop icon from image grid, leave on single image * Fix sizing in Firefox * Fix fullBleed variant
Diffstat (limited to 'src/components/dms/MessageItemEmbed.tsx')
-rw-r--r-- | src/components/dms/MessageItemEmbed.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/dms/MessageItemEmbed.tsx b/src/components/dms/MessageItemEmbed.tsx index aefd62b9a..3db00aece 100644 --- a/src/components/dms/MessageItemEmbed.tsx +++ b/src/components/dms/MessageItemEmbed.tsx @@ -2,7 +2,7 @@ import React from 'react' import {View} from 'react-native' import {AppBskyEmbedRecord} from '@atproto/api' -import {PostEmbeds} from '#/view/com/util/post-embeds' +import {PostEmbeds, PostEmbedViewContext} from '#/view/com/util/post-embeds' import {atoms as a, native, useTheme} from '#/alf' let MessageItemEmbed = ({ @@ -14,7 +14,11 @@ let MessageItemEmbed = ({ return ( <View style={[a.my_xs, t.atoms.bg, native({flexBasis: 0})]}> - <PostEmbeds embed={embed} allowNestedQuotes /> + <PostEmbeds + embed={embed} + allowNestedQuotes + viewContext={PostEmbedViewContext.Feed} + /> </View> ) } |