github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-02-28 01:29:04 +03: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
1 changed files with 14 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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