mirror of
https://github.com/immich-app/immich.git
synced 2026-02-11 19:38:54 +03:00
ee6f1a010c
With this commit I wanted to complete the react-mail structure by properly define the templates styles by including tailwind css framework. The framework is extended by both react-mail and tailwindcss-preset-email. Those packages help the rendering for various email clients. If in future there is the necessity to target specific mail clients the package `tailwindcss-email-variants` and `tailwindcss-mso` can help too. The latter has some workarounds for the Ms Outlook that is still lacking a lot of the CSS3 funcitonality. to target Signed-off-by: hitech95 <nicveronese@gmail.com>
26 lines
985 B
TypeScript
26 lines
985 B
TypeScript
import { Column, Img, Link, Row, Text } from '@react-email/components';
|
|
import * as React from 'react';
|
|
|
|
export const ImmichFooter = () => (
|
|
<>
|
|
<Row className="h-18 w-full">
|
|
<Column align="center" className="w-6/12 sm:w-full">
|
|
<Link href="https://play.google.com/store/apps/details?id=app.alextran.immich">
|
|
<Img className="h-full max-w-full" src={`https://immich.app/img/google-play-badge.png`} />
|
|
</Link>
|
|
</Column>
|
|
<Column align="center" className="w-6/12 sm:w-full">
|
|
<div className="h-full p-3">
|
|
<Link href="https://apps.apple.com/sg/app/immich/id1613945652">
|
|
<Img src={`https://immich.app/img/ios-app-store-badge.png`} alt="Immich" className="max-w-full" />
|
|
</Link>
|
|
</div>
|
|
</Column>
|
|
</Row>
|
|
|
|
<Text className="text-center text-sm text-immich-footer">
|
|
<Link href="https://immich.app">Immich</Link> project is available under GNU AGPL v3 license.
|
|
</Text>
|
|
</>
|
|
);
|