fix: attachment preview spacing (#6174)

RocketChat · Mar 6, 2025 · a8a60d7 · a8a60d7
1 parent cc7063a
commit a8a60d7
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/app/containers/AudioPlayer/index.tsx b/app/containers/AudioPlayer/index.tsx
@@ -170,7 +170,11 @@ const AudioPlayer = ({
 	}
 
 	return (
-		<View style={[styles.audioContainer, { backgroundColor: colors.surfaceLight, borderColor: colors.strokeExtraLight }]}>
+		<View
+			style={[
+				styles.audioContainer,
+				{ backgroundColor: colors.surfaceLight, borderColor: colors.strokeExtraLight, marginTop: 4 }
+			]}>
 			<PlayButton disabled={disabled} audioState={audioState} onPress={onPress} />
 			<Seek currentTime={currentTime} duration={duration} loaded={!disabled && isDownloaded} onChangeTime={setPosition} />
 			{audioState === 'playing' || focused ? <PlaybackSpeed /> : null}

diff --git a/app/containers/message/styles.ts b/app/containers/message/styles.ts
@@ -96,13 +96,15 @@ export default StyleSheet.create({
 	},
 	imageContainer: {
 		flexDirection: 'column',
-		borderRadius: 4
+		borderRadius: 4,
+		marginTop: 4
 	},
 	image: {
 		width: '100%',
 		minHeight: isTablet ? 300 : 200,
 		borderRadius: 4,
-		overflow: 'hidden'
+		overflow: 'hidden',
+		marginTop: 4
 	},
 	text: {
 		fontSize: 16,

diff --git a/app/views/ThreadMessagesView/index.tsx b/app/views/ThreadMessagesView/index.tsx
@@ -128,10 +128,12 @@ class ThreadMessagesView extends React.Component<IThreadMessagesViewProps, IThre
 			headerTitle: I18n.t('Threads'),
 			headerRight: () => (
 				<HeaderButton.Container>
-					<HeaderButton.Item 
-						iconName='filter' 
-						onPress={this.showFilters} 
-						badge={() => currentFilter !== Filter.All ? <HeaderButton.BadgeWarn color={colors[theme].buttonBackgroundDangerDefault} /> : null}
+					<HeaderButton.Item
+						iconName='filter'
+						onPress={this.showFilters}
+						badge={() =>
+							currentFilter !== Filter.All ? <HeaderButton.BadgeWarn color={colors[theme].buttonBackgroundDangerDefault} /> : null
+						}
 					/>
 					<HeaderButton.Item iconName='search' onPress={this.onSearchPress} testID='thread-messages-view-search-icon' />
 				</HeaderButton.Container>