From 6e52461f013268400f3316a3bf1f20e71841ee7e Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Sat, 11 Mar 2023 22:41:45 +0000
Subject: [PATCH] Added styling css
---
.../src/styles/Avatar.module.css | 11 +++++++++
.../src/styles/Post.module.css | 12 ----------
.../src/styles/PostAction.module.css | 24 +++++++++++++++++++
3 files changed, 35 insertions(+), 12 deletions(-)
create mode 100644 daily-thought-frontend/src/styles/Avatar.module.css
diff --git a/daily-thought-frontend/src/styles/Avatar.module.css b/daily-thought-frontend/src/styles/Avatar.module.css
new file mode 100644
index 00000000..0b1fb235
--- /dev/null
+++ b/daily-thought-frontend/src/styles/Avatar.module.css
@@ -0,0 +1,11 @@
+.avatar {
+ color: white;
+ border-radius: 50%;
+ width: 48px;
+ height: 48px;
+ background-color: 'red';
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 8px;
+}
\ No newline at end of file
diff --git a/daily-thought-frontend/src/styles/Post.module.css b/daily-thought-frontend/src/styles/Post.module.css
index 27240d5e..47f0392b 100644
--- a/daily-thought-frontend/src/styles/Post.module.css
+++ b/daily-thought-frontend/src/styles/Post.module.css
@@ -16,18 +16,6 @@
height: 48px;
}
-.avatar {
- color: white;
- border-radius: 50%;
- width: 48px;
- height: 48px;
- background-color: 'red';
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 8px;
-}
-
.headerInfo {
height: 100%;
display: flex;
diff --git a/daily-thought-frontend/src/styles/PostAction.module.css b/daily-thought-frontend/src/styles/PostAction.module.css
index 20e6ad65..d8c672ae 100644
--- a/daily-thought-frontend/src/styles/PostAction.module.css
+++ b/daily-thought-frontend/src/styles/PostAction.module.css
@@ -1,3 +1,27 @@
.container {
+ color: rgb(203 213 225);
margin-right: 8px;
+ display: flex;
+ justify-content: center;
+ border-radius: 8px;
+ padding: 4px;
+ padding-left: 8px;;
+}
+
+.container:hover {
+ background-color: rgb(226 232 240);
+}
+
+.button {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: medium;
+ background: none;
+ border: none;
+ color:rgb(100 116 139);
+}
+
+.label {
+ margin: 4px;
}
\ No newline at end of file
--
GitLab