Improve UI and UX of models page based on sketch - Githubissues

PaulCCCCCCH / Robustar_implementation

13 stars 2 forks source link

Improve UI and UX of models page based on sketch #181

Open shuguang-lv opened 1 year ago

shuguang-lv commented 1 year ago

The styles, layout and UI components of models page (src/views/TrainModel.vue in Git branch model) needs to be polished based on the sketch. To achieve the effects (UI and interactivity) in the sketch, CSS flexbox layout, Vuetify components and other necessary state variables (Vue reactive states) should be configured properly.

current version

sketch

Useful resources:

Vue: https://v2.vuejs.org/v2/guide/
Vuetify components: https://v2.vuetifyjs.com/en/components/buttons/
Vuetify flex layout: https://v2.vuetifyjs.com/en/styles/flex/
Vuetify spacing: https://v2.vuetifyjs.com/en/styles/spacing/
Vuetify typography: https://v2.vuetifyjs.com/en/styles/text-and-typography/
Material design icons: https://pictogrammers.com/library/mdi/

AmithBino commented 11 months ago

The page is looking exactly as the sketch, what u need to polish in the page. i can try this out