From b36393c73ad0295d4ac26af7fe874db8dc05f9d3 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Mon, 21 Jun 2021 13:47:17 -0700 Subject: Add styles --- src/components/moments/MomentPost.tsx | 41 +++++++++++++++++++++++++++++++---- 1 file changed, 37 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/components/moments/MomentPost.tsx b/src/components/moments/MomentPost.tsx index c7224566..10c3b711 100644 --- a/src/components/moments/MomentPost.tsx +++ b/src/components/moments/MomentPost.tsx @@ -307,10 +307,6 @@ const MomentPost: React.FC = ({ }; const styles = StyleSheet.create({ - postHeader: {}, - postContent: { - paddingBottom: normalize(20), - }, image: { width: SCREEN_WIDTH, marginBottom: '3%', @@ -364,6 +360,43 @@ const styles = StyleSheet.create({ justifyContent: 'center', alignItems: 'center', }, + commentsCountContainer: { + position: 'absolute', + right: '2%', + bottom: SCREEN_HEIGHT * 0.12, + }, + bottomContainer: { + flexDirection: 'column', + justifyContent: 'flex-end', + }, + topContainer: { + paddingTop: HeaderHeight, + alignSelf: 'flex-end', + paddingRight: '8%', + }, + contentContainer: { + position: 'absolute', + width: SCREEN_WIDTH, + height: SCREEN_HEIGHT, + flexDirection: 'column', + justifyContent: 'space-between', + paddingBottom: '24%', + }, + tagsContainer: { + position: 'absolute', + top: 0, + bottom: 0, + left: 0, + right: 0, + marginBottom: '3%', + }, + mainContainer: { + backgroundColor: 'black', + width: SCREEN_WIDTH, + height: SCREEN_HEIGHT, + flexDirection: 'column', + justifyContent: 'center', + }, }); export default MomentPost; -- cgit v1.2.3-70-g09d2