Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2026-02-20 18:20:21 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: app download modal (#26368)

Browse Source
This commit is contained in:
Jason Rasmussen 2026-02-19 16:03:46 -05:00 committed by GitHub
parent 3d4dec0cca
commit e6ac48f4b5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
web/src/lib/modals/AppDownloadModal.svelte
View File

@ -1,5 +1,5 @@
<script lang="ts">
import { appStoreBadge, fdroidBadge, Modal, ModalBody, playStoreBadge, Text } from '@immich/ui';
import { appStoreBadge, BasicModal, fdroidBadge, playStoreBadge } from '@immich/ui';
import { t } from 'svelte-i18n';
interface Props {
onClose: () => void;
@ -7,33 +7,18 @@
let { onClose }: Props = $props();
</script>
<Modal title={$t('app_download_links')} size="large" {onClose}>
<ModalBody>
<div class="sm:grid sm:grid-cols-2 gap-5">
<div class="flex flex-col place-items-start">
<Text>Google Play</Text>
<a
href="https://play.google.com/store/apps/details?id=app.alextran.immich"
target="_blank"
id="play-store-link"
>
<img class="w-50 mt-2" alt="Get it on Google Play" src={playStoreBadge} />
</a>
</div>
<BasicModal title={$t('app_download_links')} size="tiny" {onClose}>
<div class="flex flex-col gap-4 max-w-50 mx-auto">
<a href="https://play.google.com/store/apps/details?id=app.alextran.immich" target="_blank" id="play-store-link">
<img class="w-full mt-2" alt="Get it on Google Play" src={playStoreBadge} />
</a>
<div class="flex flex-col place-items-start">
<Text>App Store</Text>
<a href="https://apps.apple.com/us/app/immich/id1613945652" target="_blank" id="app-store-link">
<img class="w-50 mt-2" alt="Download on the App Store" src={appStoreBadge} />
</a>
</div>
<a href="https://apps.apple.com/us/app/immich/id1613945652" target="_blank" id="app-store-link">
<img class="w-full mt-2" alt="Download on the App Store" src={appStoreBadge} />
</a>
<div class="flex flex-col place-items-start">
<Text>F-Droid</Text>
<a href="https://f-droid.org/packages/app.alextran.immich/" target="_blank" id="fdroid-link">
<img class="w-50 mt-2" alt="Get it on F-Droid" src={fdroidBadge} />
</a>
</div>
</div>
</ModalBody>
</Modal>
<a href="https://f-droid.org/packages/app.alextran.immich/" target="_blank" id="fdroid-link">
<img class="w-full mt-2" alt="Get it on F-Droid" src={fdroidBadge} />
</a>
</div>
</BasicModal>