c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-29 15:11:58 +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,
}: AlbumInviteEmailProps) => (
<ImmichLayout preview="You have been added to a shared album.">
<Text className="m-0 text-2xl">
<Text className="m-0">
Hey <strong>{recipientName}</strong>!
</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) => (
<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>!
</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">
<Link href="https://futo.org">
<Img
className="h-6"
src="https://futo.org/images/FutoMainLogo.svg"
alt="FUTO"
// style={{
// height: '24px',
// marginTop: '25px',
// marginBottom: '25px',
// }}
/>
<Img className="h-6" src="https://futo.org/images/FutoMainLogo.svg" alt="FUTO" />
</Link>
</Section>

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

@ -43,9 +43,9 @@ export const ImmichLayout = ({ children, preview }: ImmichLayoutProps) => (
/>
</Head>
<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]">
<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">
<Img
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>
Your <strong>Immich</strong> license key is
Your <strong>Immich</strong> key is
</Text>
<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>
</Section>
{/* <Text>
<Text>
To activate your instance, you can click the following button or copy and paste the link below to your browser.
</Text>
@ -55,7 +55,7 @@ export const LicenseEmail = () => (
https://my.immich.app/link?target=activate_license&licenseKey={'{{LICENSEKEY}}'}&activationKey=
{'{{ACTIVATIONKEY}}'}
</Link>
</Text> */}
</Text>
</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) => (
<ImmichLayout preview="This is a test email from Immich.">
<Text className="m-0 text-2xl">
<Text className="m-0">
Hey <strong>{displayName}</strong>!
</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) => (
<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>!
</Text>