helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-10-17 18:19:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix uglies that @danieldietzler pointed out

Browse source
This commit is contained in:
Nicholas Flamy 2025-10-15 23:06:32 -04:00
parent 7e862443a8
commit 6e662c9326
4 changed files with 32 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/src/lib/components/onboarding-page/onboarding-mobile-app.svelte
View file

@ -13,15 +13,15 @@
onclick={() => modalManager.show(ObtainiumConfigModal, {})} onclick={() => modalManager.show(ObtainiumConfigModal, {})}
leadingIcon={mdiLinkEdit} leadingIcon={mdiLinkEdit}
> >
{$t('obtainium_configurator')}</Button {$t('obtainium_configurator')}
> </Button>
<Button <Button
size="large" size="large"
shape="semi-round" shape="semi-round"
onclick={() => modalManager.show(AppDownloadModal, {})} onclick={() => modalManager.show(AppDownloadModal, {})}
leadingIcon={mdiCellphoneArrowDownVariant} leadingIcon={mdiCellphoneArrowDownVariant}
> >
{$t('app_download_links')}</Button {$t('app_download_links')}
> </Button>
</HStack> </HStack>
<p>{$t('mobile_app_download_onboarding_note')}</p> <p>{$t('mobile_app_download_onboarding_note')}</p>

10
web/src/lib/components/utilities-page/utilities-menu.svelte
View file

@ -36,15 +36,19 @@
type="button" type="button"
onclick={() => modalManager.show(ObtainiumConfigModal, {})} onclick={() => modalManager.show(ObtainiumConfigModal, {})}
class="w-full hover:bg-gray-100 dark:hover:bg-immich-dark-gray flex items-center gap-4 p-4" class="w-full hover:bg-gray-100 dark:hover:bg-immich-dark-gray flex items-center gap-4 p-4"
><span><Icon icon={mdiLinkEdit} class="text-immich-primary dark:text-immich-dark-primary" size="24" /> </span> >
<span>
<Icon icon={mdiLinkEdit} class="text-immich-primary dark:text-immich-dark-primary" size="24" />
</span>
{$t('obtainium_configurator')} {$t('obtainium_configurator')}
</button> </button>
<button <button
type="button" type="button"
onclick={() => modalManager.show(AppDownloadModal, {})} onclick={() => modalManager.show(AppDownloadModal, {})}
class="w-full hover:bg-gray-100 dark:hover:bg-immich-dark-gray flex items-center gap-4 p-4" class="w-full hover:bg-gray-100 dark:hover:bg-immich-dark-gray flex items-center gap-4 p-4"
><span >
><Icon icon={mdiCellphoneArrowDownVariant} class="text-immich-primary dark:text-immich-dark-primary" size="24" /> <span>
<Icon icon={mdiCellphoneArrowDownVariant} class="text-immich-primary dark:text-immich-dark-primary" size="24" />
</span> </span>
{$t('app_download_links')} {$t('app_download_links')}
</button> </button>

24
web/src/lib/modals/AppDownloadModal.svelte
View file

@ -8,33 +8,37 @@
</script> </script>
<Modal title={$t('app_download_links')} size="large" {onClose}> <Modal title={$t('app_download_links')} size="large" {onClose}>
<ModalBody <ModalBody>
><div class="flex flex-col sm:grid sm:grid-cols-2 gap-5 text-immich-primary dark:text-immich-dark-primary"> <div class="flex flex-col sm:grid sm:grid-cols-2 gap-5 text-immich-primary dark:text-immich-dark-primary">
<div> <div>
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="fdroid-link"> <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="fdroid-link">
F-Droid F-Droid
</label> </label>
<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="pt-2 pr-10" alt="Get it on F-Droid" src={fdroidBadge} /></a <img class="pt-2 pr-10" alt="Get it on F-Droid" src={fdroidBadge} />
> </a>
</div> </div>
<div> <div>
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="play-store-link"> <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="play-store-link">
Google Play Google Play
</label> </label>
<a href="https://play.google.com/store/apps/details?id=app.alextran.immich" target="_blank" id="play-store-link" <a
><img alt="Get it on Google Play" src={playStoreBadge} /></a href="https://play.google.com/store/apps/details?id=app.alextran.immich"
target="_blank"
id="play-store-link"
> >
<img alt="Get it on Google Play" src={playStoreBadge} />
</a>
</div> </div>
<div> <div>
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="app-store-link"> <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="app-store-link">
App Store App Store
</label> </label>
<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="pt-2 pr-5" alt="Download on the App Store" src={appStoreBadge} width="90%" /></a <img class="pt-2 pr-5" alt="Download on the App Store" src={appStoreBadge} width="90%" />
> </a>
</div> </div>
</div> </div>
</ModalBody> </ModalBody>

11
web/src/lib/modals/ObtainiumConfigModal.svelte
View file

@ -32,13 +32,15 @@
</script> </script>
<Modal title={$t('obtainium_configurator')} size="large" {onClose}> <Modal title={$t('obtainium_configurator')} size="large" {onClose}>
<ModalBody <ModalBody>
><div class="flex flex-col sm:grid sm:grid-cols-2 gap-5 text-immich-primary dark:text-immich-dark-primary"> <div class="flex flex-col sm:grid sm:grid-cols-2 gap-5 text-immich-primary dark:text-immich-dark-primary">
<div> <div>
<label <label
class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm"
for="obtainium-configurator">Obtainium</label for="obtainium-configurator"
> >
Obtainium
</label>
<div id="obtainium-configurator"> <div id="obtainium-configurator">
<form> <form>
<div class="mt-2"> <div class="mt-2">
@ -78,7 +80,8 @@
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
id="obtainium-link" id="obtainium-link"
><img class="pt-2 pr-5" alt="Get it on Obtainium" src={obtainiumBadge} /> >
<img class="pt-2 pr-5" alt="Get it on Obtainium" src={obtainiumBadge} />
</a> </a>
{:else} {:else}
<p class="immich-form-label pb-2 text-sm" id="obtainium-link"> <p class="immich-form-label pb-2 text-sm" id="obtainium-link">