From 54ec91027b88156ad1365df4b09f04485c98ff99 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Sun, 12 Mar 2023 19:45:50 +0000
Subject: [PATCH] ppost stylings modification
---
daily-thought-frontend/src/components/post/Post.tsx | 2 +-
daily-thought-frontend/src/styles/Post.module.css | 6 ++++--
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/daily-thought-frontend/src/components/post/Post.tsx b/daily-thought-frontend/src/components/post/Post.tsx
index 9a0179a7..6cff4430 100644
--- a/daily-thought-frontend/src/components/post/Post.tsx
+++ b/daily-thought-frontend/src/components/post/Post.tsx
@@ -25,7 +25,7 @@ const Post: FC<PropsWithChildren<PostProps>> = ({
return (
<div className={styles.post}>
<div className={styles.header}>
- <Avatar User={User}/>
+ <Avatar User={User} ShowInitial/>
<div className={styles.headerInfo}>
<div className={styles.headerUserInfo}>
<p className={styles.name} >{User.FirstName} {User.LastName}</p>
diff --git a/daily-thought-frontend/src/styles/Post.module.css b/daily-thought-frontend/src/styles/Post.module.css
index 47f0392b..20ed566a 100644
--- a/daily-thought-frontend/src/styles/Post.module.css
+++ b/daily-thought-frontend/src/styles/Post.module.css
@@ -13,7 +13,7 @@
flex-direction: row;
align-items: center;
margin-bottom: 8px;
- height: 48px;
+ height: 56px;
}
.headerInfo {
@@ -50,6 +50,7 @@
padding: 12px 16px;
border-radius: 24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+ margin: 0px 0px 0px 24px;
}
.postContent {
@@ -59,7 +60,8 @@
}
.postActions {
- padding: 8px 8px;
+ padding: 0px 8px;
+ padding-top: 4px;
display: flex;
width: 100%;
max-width: 200px;
--
GitLab