c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-01 08:31:59 +00:00
Code Releases Activity

chore(server): email template minor styling (#11387)

Browse source
This commit is contained in:
Alex 2024-07-26 21:58:48 -05:00 committed by GitHub
parent e1ac73718c
commit 3330885bcc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 10 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
server/src/emails/album-invite.email.tsx
View file

@ -13,7 +13,7 @@ export const AlbumInviteEmail = ({
cid, cid,
}: AlbumInviteEmailProps) => ( }: AlbumInviteEmailProps) => (
<ImmichLayout preview="You have been added to a shared album."> <ImmichLayout preview="You have been added to a shared album.">
<Text className="m-0 text-2xl"> <Text className="m-0">
Hey <strong>{recipientName}</strong>! Hey <strong>{recipientName}</strong>!
</Text> </Text>

2
server/src/emails/album-update.email.tsx
View file

@ -6,7 +6,7 @@ import ImmichLayout from './components/immich.layout';
export const AlbumUpdateEmail = ({ baseUrl, albumName, recipientName, albumId, cid }: AlbumUpdateEmailProps) => ( export const AlbumUpdateEmail = ({ baseUrl, albumName, recipientName, albumId, cid }: AlbumUpdateEmailProps) => (
<ImmichLayout preview="New media has been added to a shared album."> <ImmichLayout preview="New media has been added to a shared album.">
<Text className="m-0 text-2xl"> <Text className="m-0">
Hey <strong>{recipientName}</strong>! Hey <strong>{recipientName}</strong>!
</Text> </Text>

11
server/src/emails/components/futo.layout.tsx
View file

@ -72,16 +72,7 @@ export const FutoLayout = ({ children, preview }: FutoLayoutProps) => (
<Section className="flex justify-center my-6"> <Section className="flex justify-center my-6">
<Link href="https://futo.org"> <Link href="https://futo.org">
<Img <Img className="h-6" src="https://futo.org/images/FutoMainLogo.svg" alt="FUTO" />
className="h-6"
src="https://futo.org/images/FutoMainLogo.svg"
alt="FUTO"
// style={{
// height: '24px',
// marginTop: '25px',
// marginBottom: '25px',
// }}
/>
</Link> </Link>
</Section> </Section>

4
server/src/emails/components/immich.layout.tsx
View file

@ -43,9 +43,9 @@ export const ImmichLayout = ({ children, preview }: ImmichLayoutProps) => (
/> />
</Head> </Head>
<Preview>{preview}</Preview> <Preview>{preview}</Preview>
<Body className="my-auto mx-auto px-2 font-sans text-base text-immich-primary"> <Body className="bg-[#F4F4f4] my-auto mx-auto px-2 font-sans text-base text-gray-800">
<Container className="my-[40px] mx-auto max-w-[465px]"> <Container className="my-[40px] mx-auto max-w-[465px]">
<Section className="my-6 p-12 border border-red-400 rounded-[50px] bg-slate-200"> <Section className="my-6 p-12 border border-red-400 rounded-[50px] bg-gray-50">
<Section className="flex justify-center mb-12"> <Section className="flex justify-center mb-12">
<Img <Img
src="https://immich.app/img/immich-logo-inline-light.png" src="https://immich.app/img/immich-logo-inline-light.png"

6
server/src/emails/license.email.tsx
View file

@ -27,14 +27,14 @@ export const LicenseEmail = () => (
<Text>Thank you for supporting Immich and open-source software</Text> <Text>Thank you for supporting Immich and open-source software</Text>
<Text> <Text>
Your <strong>Immich</strong> license key is Your <strong>Immich</strong> key is
</Text> </Text>
<Section className="my-2 bg-gray-200 rounded-2xl text-center p-4"> <Section className="my-2 bg-gray-200 rounded-2xl text-center p-4">
<Text className="m-0 text-monospace font-bold text-immich-primary">{'{{LICENSEKEY}}'}</Text> <Text className="m-0 text-monospace font-bold text-immich-primary">{'{{LICENSEKEY}}'}</Text>
</Section> </Section>
{/* <Text> <Text>
To activate your instance, you can click the following button or copy and paste the link below to your browser. To activate your instance, you can click the following button or copy and paste the link below to your browser.
</Text> </Text>
@ -55,7 +55,7 @@ export const LicenseEmail = () => (
https://my.immich.app/link?target=activate_license&licenseKey={'{{LICENSEKEY}}'}&activationKey= https://my.immich.app/link?target=activate_license&licenseKey={'{{LICENSEKEY}}'}&activationKey=
{'{{ACTIVATIONKEY}}'} {'{{ACTIVATIONKEY}}'}
</Link> </Link>
</Text> */} </Text>
</FutoLayout> </FutoLayout>
); );

2
server/src/emails/test.email.tsx
View file

@ -5,7 +5,7 @@ import ImmichLayout from './components/immich.layout';
export const TestEmail = ({ baseUrl, displayName }: TestEmailProps) => ( export const TestEmail = ({ baseUrl, displayName }: TestEmailProps) => (
<ImmichLayout preview="This is a test email from Immich."> <ImmichLayout preview="This is a test email from Immich.">
<Text className="m-0 text-2xl"> <Text className="m-0">
Hey <strong>{displayName}</strong>! Hey <strong>{displayName}</strong>!
</Text> </Text>

2
server/src/emails/welcome.email.tsx
View file

@ -6,7 +6,7 @@ import ImmichLayout from './components/immich.layout';
export const WelcomeEmail = ({ baseUrl, displayName, username, password }: WelcomeEmailProps) => ( export const WelcomeEmail = ({ baseUrl, displayName, username, password }: WelcomeEmailProps) => (
<ImmichLayout preview="You have been invited to a new Immich instance."> <ImmichLayout preview="You have been invited to a new Immich instance.">
<Text className="m-0 text-2xl"> <Text className="m-0">
Hey <strong>{displayName}</strong>! Hey <strong>{displayName}</strong>!
</Text> </Text>