diff --git a/apps/demo/emails/newsletters/google-play-policy-update.tsx b/apps/demo/emails/newsletters/google-play-policy-update.tsx index 079e50de8d..0db7403682 100644 --- a/apps/demo/emails/newsletters/google-play-policy-update.tsx +++ b/apps/demo/emails/newsletters/google-play-policy-update.tsx @@ -10,8 +10,10 @@ import { Preview, Row, Section, + Tailwind, Text, } from '@react-email/components'; +import tailwindConfig from '../tailwind.config'; const baseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` @@ -20,171 +22,167 @@ const baseUrl = process.env.VERCEL_URL export const GooglePlayPolicyUpdateEmail = () => ( - - Google Play developers - -
- - - Google Play developers header blue transparent - Google Play - - -
- -
-
- DEVELOPER UPDATE - Hello Google Play Developer, - - We strive to make Google Play a safe and trusted experience for - users. - - - We've added clarifications to our{' '} - - Target API Level policy - - . Because this is a clarification, our enforcement standards and - practices for this policy remain the same. - -
-
- - We’re noting exceptions to the{' '} - - Target API Level policy - - , which can be found in our updated{' '} - - Help Center article. - - These exceptions include permanently private apps and apps that - target automotive or wearables form factors and are bundled within - the same package.{' '} - - Learn more - - -
-
- - We’re also extending the deadline to give you more time to adjust to - these changes. Now, apps that target API level 29 or below will - start experiencing reduced distribution starting Jan 31, 2023{' '} - instead of Nov 1, 2022. If you need more time to update your app, - you can request an extension to keep your app discoverable to all - users until May 1, 2023. - -
-
- -
- Thank you, - - The Google Play team - -
- -
- - Connect with us - - - - + + + Google Play developers + +
+ + Google Play developers header blue transparent - - - - Google Play + + +
+ +
+
+ + DEVELOPER UPDATE + + + Hello Google Play Developer, + + + We strive to make Google Play a safe and trusted experience for + users. + + + We've added clarifications to our{' '} + + Target API Level policy - - - - + . Because this is a clarification, our enforcement standards and + practices for this policy remain the same. + +
+
+ + We're noting exceptions to the{' '} + + Target API Level policy + + , which can be found in our updated{' '} + + Help Center article. - - - - - -
- -
- - © 2022 Google LLC 1600 Amphitheatre Parkway, Mountain View, CA - 94043, USA - - - You have received this mandatory email service announcement to - update you about important changes to your Google Play Developer - account. - -
- - + These exceptions include permanently private apps and apps that + target automotive or wearables form factors and are bundled within + the same package.{' '} + + Learn more + + +
+
+ + We're also extending the deadline to give you more time to adjust + to these changes. Now, apps that target API level 29 or below will + start experiencing reduced distribution starting{' '} + Jan 31, 2023 instead of Nov 1, 2022. If you need more time + to update your app, you can request an extension to keep your app + discoverable to all users until May 1, 2023. + +
+
+ +
+ + Thank you, + + + The Google Play team + +
+ +
+ + + Connect with us + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + © 2022 Google LLC 1600 Amphitheatre Parkway, Mountain View, CA + 94043, USA + + + You have received this mandatory email service announcement to + update you about important changes to your Google Play Developer + account. + +
+ + + ); export default GooglePlayPolicyUpdateEmail; -const main = { - backgroundColor: '#dbddde', - fontFamily: - '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif', -}; - const sectionLogo = { padding: '0 40px', }; diff --git a/apps/demo/emails/tailwind.config.ts b/apps/demo/emails/tailwind.config.ts index 3c1a2b8acb..f9e6a5bb9f 100644 --- a/apps/demo/emails/tailwind.config.ts +++ b/apps/demo/emails/tailwind.config.ts @@ -1,5 +1,11 @@ -import { pixelBasedPreset, type TailwindConfig } from '@react-email/components'; +import { pixelBasedPreset, type TailwindConfig } from "@react-email/components"; export default { presets: [pixelBasedPreset], + theme: { + fontFamily: { + google: + '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif', + }, + }, } satisfies TailwindConfig;