Feature Request: Modern UI (+ demo branch)

[tagliala]

Hi,

I was giving a try to tailwind css and I've tried to improve Mailcatcher's user interface: https://github.com/tagliala/mailcatcher/tree/feature/tailwind

The last two commits are ui-related. npm run build generates the stylesheet needed

Unfortunately I do not have too much time to work on this side project and I do not have the JavaScript skills required to improve the dynamic part of the User Interface

If someone is interested in continuing this work, feel free to use the parts you think are good

Screenshots

---

Dark mode should be forcedly disabled in email preview

[sj26]

Ooh, this is neat - thanks! I’ve been wanting to rework the frontend for ages. I’d love to do a full rebuild using react or something componenty, and had earmarked tailwind for styling. I can’t say when it’ll happen, but having a reference makes it easier.

[tagliala]

Welcome!

I’d love to do a full rebuild using react or something componenty

I think this is a good choice for the asynchronous nature of MailCatcher, and that was my main blocker as a non JavaScript developer.

I also guess that some JS components are not needed anymore or should be replaced:

• modernizr
• flexie
• date (to be replaced by dayjs?)