dwyl / dwyl/phoenix-liveview-chat-example

Update UI

Open
#150 1 comment 1 reaction 0 assignees View on GitHub
enhancement
Dominant language
Elixir
Stars
162
Forks
12
Avg merge
1d 9h
Merged PRs (30d)
3

Description

![image](https://github.com/dwyl/phoenix-liveview-chat-example/assets/6057298/b180fd48-99d9-4f88-8d78-df23ec5de062)

- [ ] "People in chat" ~doesn't display the names~ display names on refresh. Make sure `Presence` is working properly
![image](https://github.com/dwyl/phoenix-liveview-chat-example/assets/6057298/80e6c6a2-4807-4e00-b2d1-4d53cdfb530a)

- [ ] Centre horizontally the chat
- [ ] Make the times more readable human friendly, ex: "12mn ago"
- [ ] Better display the errors linked to the inputs:
![image](https://github.com/dwyl/phoenix-liveview-chat-example/assets/6057298/a10daa69-343f-4f3e-9840-b3e66e269ccd)
- [ ] Add white space top, left and right for the header section to make a bit less sticky to the screen
- [ ] Center "login" and profile image; Make profile image round? Capitalise "login"
![image](https://github.com/dwyl/phoenix-liveview-chat-example/assets/6057298/2c8b9f91-ff5e-4f93-a03b-0060b8f4f436)
- [x] Remove login button at the button of the page as it already exists on the header
- [ ] Add white space for footer
- [ ] Use textarea instead of input for message value
- [ ] Focus message input when the page load

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.