resend / react-email

💌 Build and send emails using React
https://react.email
MIT License
14.46k stars 656 forks source link

Tailwind classes being striped on Gmail IOS #1136

Open gabrielmfern opened 10 months ago

gabrielmfern commented 10 months ago

Email does not render as expected on Gmail IOS:

Image of how the email looks like on Gmail IOS

Shoutout to @Xexr for reporting this.

The email should look like the one from this comment.

nirmpate commented 7 months ago

Gmail on iOS inverts hex colors if you are using dark mode. It's the default feature for Gmail on iOS.

Xexr commented 7 months ago

Thanks @nirmpate

That was half the issue, the colours are normal when not on dark mode. If you don't use hex colours does gmail avoid this?

There are still issues with alignment (header and welcome are left aligned in all other mail clients) and the sizing of the boxes so I'll leave this issue open.