search

lehnerpat / train-ride-maps

https://train-ride-maps.lehnerpat.com/
MIT License
3 stars 2 forks source link

Use Material Design for UI controls #8

Open lehnerpat opened 2 years ago

lehnerpat commented 2 years ago

To make the app visually nicer, I'm migrating from the existing bare-bones, handcrafted UI controls to Material Design using the Material UI (MUI) implementation for React.

I'll record some before-after screenshots here because I think it's nice to see the changes :)

Reminder to myself: also update the screenshot in the README

lehnerpat commented 2 years ago

Start Page:

Before After
Startpage before Startpage after
lehnerpat commented 2 years ago

View Track page (viewing mode):

Before After
View Track page (viewing mode) before View Track page (viewing mode) after
lehnerpat commented 2 years ago

View Track page (editing mode):

Before After
View Track page (editing mode) before View Track page (editing mode) after
lehnerpat commented 2 years ago

View options dialog:

Before After
View options dialog before View options dialog after