usememos / memos

An open-source, lightweight note-taking solution. The pain-less way to create your meaningful notes. Your Notes, Your Way.
https://usememos.com
MIT License
34.1k stars 2.47k forks source link

Improve the mobile UI #4056

Open ti777777 opened 2 weeks ago

ti777777 commented 2 weeks ago

Describe the solution you'd like

I would suggest using a bottom sheet component to improve the mobile interface, including map selection and memo actions.

Type of feature

User Interface (UI)

Additional context

Reference:

react-modal-sheet react-native-bottom-sheet vue-bottom-sheet react-spring-bottom-sheet-example

Oudwins commented 3 days ago

Personally I would want the input for a new memo to be at the bottom of the screen on mobile collapsed so it showed like a small text area/input then on click on the input it should expand to show the entire thing.

Edit: very important to still have the text area selected after that first click