chore: updated report user layout

RocketChat · Nov 22, 2024 · ba4d0d2 · ba4d0d2
1 parent 1b2f310
commit ba4d0d2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/app/containers/TextInput/FormTextInput.tsx b/app/containers/TextInput/FormTextInput.tsx
@@ -35,7 +35,7 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 16,
 		paddingVertical: 10,
 		borderWidth: 1,
-		borderRadius: 2
+		borderRadius: 4
 	},
 	inputIconLeft: {
 		paddingLeft: 45
@@ -117,7 +117,7 @@ export const FormTextInput = ({
 						(secureTextEntry || iconRight || showClearInput) && styles.inputIconRight,
 						{
 							backgroundColor: colors.surfaceRoom,
-							borderColor: colors.strokeLight,
+							borderColor: colors.strokeMedium,
 							color: colors.fontTitlesLabels
 						},
 						error?.error && {

diff --git a/app/views/ReportUserView/index.tsx b/app/views/ReportUserView/index.tsx
@@ -81,7 +81,7 @@ const ReportUserView = () => {
 			style={{ backgroundColor: colors.surfaceHover }}
 			contentContainerStyle={styles.container}
 			keyboardVerticalOffset={128}>
-			<SafeAreaView style={[styles.containerView, { backgroundColor: colors.strokeExtraDark }]} testID='report-user-view'>
+			<SafeAreaView style={[styles.containerView]} testID='report-user-view'>
 				<ScrollView contentContainerStyle={[styles.scroll, { backgroundColor: colors.surfaceHover }]}>
 					<StatusBar />
 					<UserInfo username={username} name={name} />

diff --git a/app/views/ReportUserView/styles.ts b/app/views/ReportUserView/styles.ts
@@ -10,7 +10,8 @@ export default StyleSheet.create({
 		flex: 1
 	},
 	containerView: {
-		padding: 16
+		paddingHorizontal: 16,
+		paddingTop: 32
 	},
 	containerAvatarAndName: {
 		flexDirection: 'row',
@@ -20,10 +21,11 @@ export default StyleSheet.create({
 	nameText: {
 		marginLeft: 8,
 		fontSize: 16,
-		...sharedStyles.textMedium
+		lineHeight: 24,
+		...sharedStyles.textBold
 	},
 	containerTextInput: {
-		marginBottom: 24
+		marginBottom: 36
 	},
 	textInput: {
 		minHeight: 100,