Add styles

1 files changed, 37 insertions, 4 deletions

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<MomentPostProps> = ({
 };
 
 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;