search

caprover / caprover-frontend

Frontend App for https://github.com/caprover/caprover
63 stars 91 forks source link

Modifying app list page UX #170

Open DiamondYuan opened 4 days ago

DiamondYuan commented 4 days ago

Why modify.

  1. Creating apps is relatively infrequent, and currently one occupies the upper area, which is rather obtrusive.
  2. Currently the height of the app list at the bottom changes, causing the page to bounce.

My suggestion

  1. let the app list occupy the whole page, no change in height.
  2. put create app into the drawer.

CleanShot 2024-11-09 at 16 24 36@2x

CleanShot 2024-11-09 at 16 18 27@2x

githubsaturn commented 4 days ago

Hi @DiamondYuan !

Left some comments on your Slack message, but for the sake of completeness:

There is a similar PR a few weeks back but they didn't get to finish it.

The right drawer is not the best solution for new app UI. Drawers are generally used for rare edits, extra information etc. What I recommend is go with the approach that is in the PR and simply hide and show the current "create app" UI.