Remove min-height: 1000px; from .server-rooms .rooms .list-rooms and .server-chat .chat-body .chat
Add margin-top: auto; to .chat-footer and .server-rooms .profile-control
This removes the weird scrolling space when there aren't enough elements to take up the room
I also (personally) removed
margin-top: 20px; from .server-chat .chat-body .chat .content
margin-top: 10px; from .server-chat .chat-body .chat .content .text .message
(It looks kind of more like Discord IMO)
I also added timestamps
.server-chat .chat-body .chat .content .text .timestamp { font-size: 10px; color: #72767d; }
(Add span below the name with the class timestamp)
Here is what these changes look like:
This is a good project and thank you for your work!
I love the project!
However, I have some suggestions.
min-height: 1000px;
from.server-rooms .rooms .list-rooms
and.server-chat .chat-body .chat
margin-top: auto;
to.chat-footer
and.server-rooms .profile-control
This removes the weird scrolling space when there aren't enough elements to take up the room
I also (personally) removed
margin-top: 20px;
from.server-chat .chat-body .chat .content
margin-top: 10px;
from.server-chat .chat-body .chat .content .text .message
(It looks kind of more like Discord IMO)
I also added timestamps
.server-chat .chat-body .chat .content .text .timestamp { font-size: 10px; color: #72767d; }
(Add span below the name with the classtimestamp
)Here is what these changes look like:![image](https://github.com/Alizelabd/discord-ui/assets/71111395/7e77174a-3e1b-42fd-8d16-d82e1c985dae)
This is a good project and thank you for your work!
If needed, I can make a PR for these changes