added author name in blog page

lugvitc · Sep 5, 2023 · ab434fe · ab434fe
1 parent 932766b
commit ab434fe
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/src/components/terminalCard/TerminalCard.js b/src/components/terminalCard/TerminalCard.js
@@ -69,6 +69,7 @@ export default function TerminalCard({ blogs }) {
                     <div className="blog_dept">{blog.tags}</div>
                     <div className="date">{blog.date}</div>
                     </div>
+                    <div className="blog_author">Author: {blog.published_by}</div>
                     <p></p>
                     <p>{blog.description}</p>
                     <button

diff --git a/src/components/terminalCard/cardRow.css b/src/components/terminalCard/cardRow.css
@@ -158,3 +158,23 @@
     max-width: 75rem;
     margin: auto;
 }
+
+.blog_author{
+    display: flex;
+    min-height: 1.5em;
+    width: 90%;
+    align-items: center;
+    justify-content: center;
+    overflow-x: hidden;
+    background-color: #2a2f3a;
+    border-radius: 8px;
+    color: #e0e7ec;
+    margin: auto;
+    margin-top: 0.75rem;
+    padding: 2px;
+}
+
+.blog_author:hover{
+    background-color: #212529;
+    transition: background-color 0.3s, transform 0.3s;
+}