From 5d03b48559dd963e527d9c73ade2350232c18c90 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Sun, 12 Mar 2023 19:46:14 +0000
Subject: [PATCH] Avatar stylings
---
daily-thought-frontend/src/components/profile/Avatar.tsx | 6 ++++--
daily-thought-frontend/src/styles/Avatar.module.css | 6 +++---
2 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/daily-thought-frontend/src/components/profile/Avatar.tsx b/daily-thought-frontend/src/components/profile/Avatar.tsx
index a085e1e8..8de67713 100644
--- a/daily-thought-frontend/src/components/profile/Avatar.tsx
+++ b/daily-thought-frontend/src/components/profile/Avatar.tsx
@@ -5,10 +5,12 @@ import { generateRandomLinearGradient } from '../post/Utils';
type AvatarProps ={
User: User
+ ShowInitial?: boolean
}
const Avatar:FC<PropsWithChildren<AvatarProps>> = ({
- User
+ User,
+ ShowInitial = false
}) => {
return (
@@ -18,7 +20,7 @@ const Avatar:FC<PropsWithChildren<AvatarProps>> = ({
</div>
}
- {!User.Avatar &&
+ {!User.Avatar && ShowInitial &&
<div>
<p>{User.Username[0]}</p>
</div>
diff --git a/daily-thought-frontend/src/styles/Avatar.module.css b/daily-thought-frontend/src/styles/Avatar.module.css
index 0b1fb235..ca21240a 100644
--- a/daily-thought-frontend/src/styles/Avatar.module.css
+++ b/daily-thought-frontend/src/styles/Avatar.module.css
@@ -1,11 +1,11 @@
.avatar {
color: white;
border-radius: 50%;
- width: 48px;
- height: 48px;
+ width: 56px;
+ height: 56px;
background-color: 'red';
display: flex;
justify-content: center;
align-items: center;
- margin-right: 8px;
+
}
\ No newline at end of file
--
GitLab