diff options
Diffstat (limited to 'src/view/com/util/images')
| -rw-r--r-- | src/view/com/util/images/AutoSizedImage.tsx | 2 | ||||
| -rw-r--r-- | src/view/com/util/images/Gallery.tsx | 4 |
2 files changed, 5 insertions, 1 deletions
diff --git a/src/view/com/util/images/AutoSizedImage.tsx b/src/view/com/util/images/AutoSizedImage.tsx index 932a18280..9abbe2875 100644 --- a/src/view/com/util/images/AutoSizedImage.tsx +++ b/src/view/com/util/images/AutoSizedImage.tsx @@ -11,6 +11,7 @@ import {isNative} from '#/platform/detection' import {useLargeAltBadgeEnabled} from '#/state/preferences/large-alt-badge' import {atoms as a, useBreakpoints, useTheme} from '#/alf' import {ArrowsDiagonalOut_Stroke2_Corner0_Rounded as Fullscreen} from '#/components/icons/ArrowsDiagonal' +import {MediaInsetBorder} from '#/components/MediaInsetBorder' import {Text} from '#/components/Typography' export function useImageAspectRatio({ @@ -140,6 +141,7 @@ export function AutoSizedImage({ accessibilityLabel={image.alt} accessibilityHint="" /> + <MediaInsetBorder /> {(hasAlt || isCropped) && !hideBadge ? ( <View diff --git a/src/view/com/util/images/Gallery.tsx b/src/view/com/util/images/Gallery.tsx index 839674c8c..38137cc49 100644 --- a/src/view/com/util/images/Gallery.tsx +++ b/src/view/com/util/images/Gallery.tsx @@ -8,6 +8,7 @@ import {useLingui} from '@lingui/react' import {useLargeAltBadgeEnabled} from '#/state/preferences/large-alt-badge' import {PostEmbedViewContext} from '#/view/com/util/post-embeds/types' import {atoms as a, useTheme} from '#/alf' +import {MediaInsetBorder} from '#/components/MediaInsetBorder' import {Text} from '#/components/Typography' type EventFunction = (index: number) => void @@ -46,7 +47,7 @@ export const GalleryItem: FC<GalleryItemProps> = ({ onLongPress={onLongPress ? () => onLongPress(index) : undefined} style={[ a.flex_1, - a.rounded_xs, + a.rounded_sm, a.overflow_hidden, t.atoms.bg_contrast_25, imageStyle, @@ -62,6 +63,7 @@ export const GalleryItem: FC<GalleryItemProps> = ({ accessibilityHint="" accessibilityIgnoresInvertColors /> + <MediaInsetBorder /> </Pressable> {hasAlt && !hideBadges ? ( <View |