Styling modifications and some formatting

This commit is contained in:
Imbus 2023-12-14 23:14:51 +01:00
parent b59456505a
commit 57b876bf05
2 changed files with 8 additions and 4 deletions

View file

@ -16,7 +16,7 @@ export function PostView({ post }: { post: Post }): JSX.Element {
return ( return (
<View style={style.postView}> <View style={style.postView}>
<Text style={style.postFont} >{thisPost.content}</Text> <Text style={style.postFont}>{thisPost.content}</Text>
</View> </View>
); );
} }

View file

@ -14,19 +14,23 @@ export const style = StyleSheet.create({
backgroundColor: colorScheme.background, // For the "entire" app backgroundColor: colorScheme.background, // For the "entire" app
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
margin: 0,
}, },
postsContainer: { postsContainer: {
margin: 0,
height: '100%', height: '100%',
width: '100%',
padding: 5, padding: 5,
flex: 1, paddingVertical: 30,
alignItems: 'center',
justifyContent: 'flex-start', justifyContent: 'flex-start',
backgroundColor: colorScheme.background, // For the container holding the posts backgroundColor: colorScheme.background, // For the container holding the posts
}, },
postView: { postView: {
borderRadius: 6,
flexDirection: "row", flexDirection: "row",
backgroundColor: colorScheme.postBox, backgroundColor: colorScheme.postBox,
paddingVertical: 5, margin: 5,
padding: 15,
}, },
postFont: { postFont: {
color: colorScheme.postFont, color: colorScheme.postFont,