Constrain chat messages to stay in view port across screen sizes

- Constrain chat messages max width to view port across screen sizes
- Wrap references on smaller screens, use tailwind, not js to apply styling
This commit is contained in:
Debanjum Singh Solanky
2024-07-15 20:55:44 +05:30
parent 9a5bf4c701
commit 6c630bc6c3
2 changed files with 4 additions and 5 deletions

View File

@@ -10,6 +10,7 @@ div.chatMessageContainer {
div.chatMessageWrapper {
padding-left: 1rem;
padding-bottom: 1rem;
max-width: 80vw;
}
div.chatMessageWrapper p:not(:last-child) {
margin-bottom: 16px;