Message time

craig-dsilva · craig-dsilva · commit feae6ec5e258 · 2026-05-27T21:51:54.000+01:00
diff --git a/chat-app/client/src/App.css b/chat-app/client/src/App.css
@@ -2,10 +2,6 @@
   list-style: none;
 }
 
-.message {
-  margin-bottom: 0.5em;
-}
-
 .chat-box {
   position: fixed;
   bottom: 0;
diff --git a/chat-app/client/src/components/Message.css b/chat-app/client/src/components/Message.css
@@ -0,0 +1,19 @@
+.message {
+  border-radius: 8px;
+  border: 1px solid #777;
+  padding: 1em;
+  margin-bottom: 0.5em;
+}
+
+.message-text,
+.message-time {
+  margin: 0;
+}
+
+.message-text {
+  font-size: large;
+}
+
+.message-time {
+  font-size: small;
+}
diff --git a/chat-app/client/src/components/Message.jsx b/chat-app/client/src/components/Message.jsx
@@ -1,4 +1,5 @@
 import formatTime from "../utils/formatTime";
+import "./Message.css"
 
 const Message = ({ message, messageTime }) => {
   const { date, time } = formatTime(messageTime);

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import formatTime from "../utils/formatTime";`
	`2`	`+import "./Message.css"`
`2`	`3`
`3`	`4`	`const Message = ({ message, messageTime }) => {`
`4`	`5`	`const { date, time } = formatTime(messageTime);`