fix: fix type in AddPost page, fix Post component structure and styling

Pranav016 · Apr 5, 2022 · c4b42b4 · c4b42b4
1 parent 2ceed40
commit c4b42b4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/src/components/Post/Post.css b/src/components/Post/Post.css
@@ -1,6 +1,4 @@
 .post-card {
-	min-height: 30vh;
-	height: fit-content;
 	width: 40vw;
 	display: flex;
 	flex-direction: row;
@@ -27,9 +25,12 @@
 
 .post-card .post-info {
 	width: 60%;
-	height: 20vh;
 }
 
 .post-tags {
 	padding: 0.7vh 0;
 }
+
+.read-more {
+	margin-bottom: 2vh;
+}
diff --git a/src/components/Post/Post.tsx b/src/components/Post/Post.tsx
@@ -71,9 +71,11 @@ const Post = ({
 					))}
 				</div>
 				{!singlePage && (
-					<Link to={`${id}`}>
-						<Button>Read More</Button>
-					</Link>
+					<div className='read-more'>
+						<Link to={`${id}`}>
+							<Button>Read More</Button>
+						</Link>
+					</div>
 				)}
 			</div>
 		</div>

diff --git a/src/pages/AddPost/AddPost.tsx b/src/pages/AddPost/AddPost.tsx
@@ -87,6 +87,7 @@ const AddPost = () => {
 					handleClickTag={handleClickTag}
 					handleDeleteTag={handleDeleteTag}
 					clearTagFilters={clearTagFilters}
+					text={'Clear tags'}
 				/>
 				<hr />
 				<Button type='submit'>Submit Post</Button>