Styling modifications and some formatting
This commit is contained in:
parent
b59456505a
commit
57b876bf05
2 changed files with 8 additions and 4 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Reference in a new issue