lost-university / web

https://lost.university
5 stars 1 forks source link

Add tailwind implementation for the toast notification #52

Closed StefanieJaeger closed 3 months ago

StefanieJaeger commented 3 months ago

@jeremystucki is working on migrating the project to tailwind and has asked me with help in updating the toast notification. I moved it to its own component, removing some logic from the Home.vue component in the progress and thus making it smaller. This component should also be relatively easy to extend, should we want to display other kinds of information in the future. I tried to keep a similar style to the original, but used tailwind colors and added some styling to the button. The fade in and out animations for the transition are still the same.

StefanieJaeger commented 3 months ago

Old:

image

New:

image