Showing image on the individual blog post

pramit-marattha · Jan 22, 2021 · 2f22611 · 2f22611
1 parent b5df671
commit 2f22611
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/client/components/blog/Card/Card.js b/client/components/blog/Card/Card.js
@@ -43,7 +43,11 @@ const Card =({blog})=>{
           <CategoryIcon style={{color:"limegreen"}}/>[{listAndDisplayAllCategories(blog)}]<LabelIcon style={{color:"teal"}}/>[{listAndDisplayAllTaglists(blog)}]
         </section>
         <div className="row">
-            <div className="col-md-4">Image-Background</div>
+            <div className="col-md-4">
+                <section>
+                    <img className="img img-fluid" style={{maxHeight:"120px",width:"auto"}} src={`${API}/api/blog/photo/${blog.slug}`} alt={blog.title}/>
+                </section>
+            </div>
             <div className="col-md-8">
                 <section>
                     <div className="pb-3">{renderHTML(blog.excerpt)}</div>

diff --git a/client/pages/blogs/index.js b/client/pages/blogs/index.js
@@ -12,7 +12,7 @@ const Blogs = ({blogs,categories,taglists,size}) => {
         return blogs.map((blog,index)=>(
             <article key={index}>
                 <Card blog={blog}/>
-                <hr style={{backgroundColor:"white"}}/>
+                <hr style={{backgroundColor:"white",height:"2px",width:"100%"}}/>
             </article>
         ))
     }