The chat looks good, but some details are missing on the layout container's size. Check the checklist to see the details we have found
Screenshots
Currently it looks:
Should look:
Things to be fixed are at the checklist
Checklist
This issue can be closed when the following tasks are completed:
[x] Chat bubbles are not occupying 100% of width, only the space required for the message to show as in the screenshot. This will allow the user to read better and differenciate between their messages and delivery messages
[x] The input container background should be yellow, this change was to be done at delivery app and should be applied here.
[x] The input to send message should have the same width that the chat's body container
[x] Try to look if other containers needs to be fixed on this view
Route
To access to this view try accessing to /chat/1 route
Explanation
The chat looks good, but some details are missing on the layout container's size. Check the checklist to see the details we have found
Screenshots
Currently it looks:
Should look:
Things to be fixed are at the checklist
Checklist
This issue can be closed when the following tasks are completed:
Route
To access to this view try accessing to
/chat/1routeExample: https://dev--azordev-dasher-user.netlify.app/chat/1