awesome-fastapi-projects
awesome-fastapi-projects copied to clipboard
Improve the mobile UI
Currently, when the page is opened on a mobile device with a small screen, the following problems occur:
- The header is missing (probably some tailwind CSS class is responsible for that and should be removed)
- The table does not fit the screen, and the scrollbar shows up.
- The title does not fit the screen as well.
- The cross to unselect a dependency for the dependencies multi-select input is too small and it is hard to tap on it.
- It is hard to read the repository description due to text-overflow behavior
- It is worth noticing, that the text-overflow behavior was intentionally added and it works well on a desktop. However, for mobile devices, an accordion-like widget for description would possibly be a better option.
So, in order to adapt the app to mobile devices, I suggest:
- redesign the header - make it appear on a screen and change the layout of the elements.
- redesign the footer - make it more compact
- redesign the table row, and make the table fit the screen
- decrease the font size of the heading (title)
- Adapt the form, make it bigger, improve the multi-select input