From 3efef4f2dfceed02b0a5bdb5cb945461a87fed2a Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 5 Oct 2022 13:17:07 +0300
Subject: [PATCH] fix: preview card padding

---
 .../Components/PreviewPostCard/PreviewPostCard.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/features/Posts/pages/CreatePostPage/Components/PreviewPostCard/PreviewPostCard.tsx b/src/features/Posts/pages/CreatePostPage/Components/PreviewPostCard/PreviewPostCard.tsx
index 3dec526..dbfd312 100644
--- a/src/features/Posts/pages/CreatePostPage/Components/PreviewPostCard/PreviewPostCard.tsx
+++ b/src/features/Posts/pages/CreatePostPage/Components/PreviewPostCard/PreviewPostCard.tsx
@@ -2,6 +2,7 @@ import { marked } from 'marked';
 import styles from 'src/features/Posts/pages/PostDetailsPage/Components/PageContent/styles.module.scss'
 import Badge from "src/Components/Badge/Badge";
 import { Post } from "src/graphql";
+import Card from 'src/Components/Card/Card';
 
 function isPost(type?: string): type is 'story' {
     return type === 'story'
@@ -31,8 +32,8 @@ export default function PreviewPostContent({ post, }: Props) {
 
 
     return (
-        <>
-            <div id="content" className="bg-white p-32 border-2 border-gray-200 rounded-16">
+        <div id="content">
+            <Card>
                 {coverImg &&
                     <img src={coverImg}
                         className='w-full h-[120px] md:h-[240px] object-cover rounded-12 mb-16'
@@ -48,10 +49,9 @@ export default function PreviewPostContent({ post, }: Props) {
 
                 <div className={`mt-42 ${styles.body}`} dangerouslySetInnerHTML={{ __html: marked.parse(post.body, {}) }}>
                 </div>
-            </div>
-            {/* <div id="comments" className="mt-10 comments_col">
-                <CommentsSection comments={story.comments} />
-            </div> */}
-        </>
+
+            </Card>
+
+        </div>
     )
 }