refactor(ui): Modernize chat interface and standardize background

This commit overhauls the chat page UI for a cleaner, more modern aesthetic inspired by popular messaging apps.

Key changes include:
- Redesigned the chat header to display the user's name and role.
- Replaced the message input area with a WhatsApp-style layout.
- Added user avatars to received messages and a person icon to sent messages for clearer identification.
- Swapped custom SVG icons with Bootstrap Icons for consistency and easier maintenance.
- Removed the floating circles background animation from both the chat and login pages to reduce visual clutter and improve focus.
This commit is contained in:
2025-07-12 16:28:08 +07:00
parent 39afff75c4
commit df68337945
5 changed files with 239 additions and 225 deletions

6
color-pallete.md Normal file
View File

@@ -0,0 +1,6 @@
03045e
023e8a
0077b6
0096c7
48cae4
ade8f4