Skip to content

Commit 4e0f1c5

Browse files
committed
style: Add CSS styling for chat messages and buttons
- Style message containers with border, padding, and rounded corners - Add light gray background color (#f9f9f9) to messages - Add spacing between message elements with margin-right - Style buttons with blue background (#007bff) and white text - Add cursor pointer and rounded corners to buttons - Improve visual presentation of chat interface
1 parent 786398a commit 4e0f1c5

1 file changed

Lines changed: 20 additions & 0 deletions

File tree

chat-app/frontend/styles.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
#all-messages div {
2+
border: 1px solid #ccc;
3+
padding: 10px;
4+
margin: 10px 0;
5+
border-radius: 8px;
6+
background-color: #f9f9f9;
7+
}
8+
9+
#all-messages span {
10+
margin-right: 10px;
11+
}
12+
13+
button {
14+
cursor: pointer;
15+
background-color: #007bff;
16+
color: white;
17+
border: none;
18+
border-radius: 4px;
19+
padding: 5px 10px;
20+
}

0 commit comments

Comments
 (0)