self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-28 09:33:27 +02:00
Code Issues Releases Activity

fix(web): update password-protected share logo size (#9567)

Browse Source
This commit is contained in:
Snowknight26 2024-05-27 21:10:53 -05:00 committed by GitHub
parent bce916e4c8
commit 832084687d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/lib/components/album-page/album-viewer.svelte
View File

@ -4,15 +4,15 @@
import { dragAndDropFilesStore } from '$lib/stores/drag-and-drop-files.store';
import { fileUploadHandler, openFileUploadDialog } from '$lib/utils/file-uploader';
import type { AlbumResponseDto, SharedLinkResponseDto, UserResponseDto } from '@immich/sdk';
import { createAssetInteractionStore } from '../../stores/asset-interaction.store';
import { AssetStore } from '../../stores/assets.store';
import { downloadAlbum } from '../../utils/asset-utils';
import { createAssetInteractionStore } from '$lib/stores/asset-interaction.store';
import { AssetStore } from '$lib/stores/assets.store';
import { downloadAlbum } from '$lib/utils/asset-utils';
import CircleIconButton from '../elements/buttons/circle-icon-button.svelte';
import DownloadAction from '../photos-page/actions/download-action.svelte';
import AssetGrid from '../photos-page/asset-grid.svelte';
import AssetSelectControlBar from '../photos-page/asset-select-control-bar.svelte';
import ControlAppBar from '../shared-components/control-app-bar.svelte';
import ImmichLogo from '../shared-components/immich-logo.svelte';
import ImmichLogoSmallLink from '../shared-components/immich-logo-small-link.svelte';
import ThemeButton from '../shared-components/theme-button.svelte';
import { shortcut } from '$lib/actions/shortcut';
import { mdiFileImagePlusOutline, mdiFolderDownloadOutline } from '@mdi/js';
@ -66,9 +66,7 @@
{:else}
<ControlAppBar showBackButton={false}>
<svelte:fragment slot="leading">
<a data-sveltekit-preload-data="hover" class="ml-4" href="/">
<ImmichLogo class="h-[24px] w-[24px] max-w-none md:w-auto md:h-10 md:max-w-full" noText={innerWidth < 768} />
</a>
<ImmichLogoSmallLink width={innerWidth} />
</svelte:fragment>
<svelte:fragment slot="trailing">

6
web/src/lib/components/share-page/individual-shared-viewer.svelte
View File

@ -14,7 +14,7 @@
import AssetSelectControlBar from '../photos-page/asset-select-control-bar.svelte';
import ControlAppBar from '../shared-components/control-app-bar.svelte';
import GalleryViewer from '../shared-components/gallery-viewer/gallery-viewer.svelte';
import ImmichLogo from '../shared-components/immich-logo.svelte';
import ImmichLogoSmallLink from '$lib/components/shared-components/immich-logo-small-link.svelte';
import { NotificationType, notificationController } from '../shared-components/notification/notification';
import type { Viewport } from '$lib/stores/assets.store';
@ -85,9 +85,7 @@
{:else}
<ControlAppBar on:close={() => goto(AppRoute.PHOTOS)} backIcon={mdiArrowLeft} showBackButton={false}>
<svelte:fragment slot="leading">
<a data-sveltekit-preload-data="hover" class="ml-4" href="/">
<ImmichLogo class="h-[24px] w-[24px] max-w-none md:w-auto md:h-10 md:max-w-full" noText={innerWidth < 768} />
</a>
<ImmichLogoSmallLink width={innerWidth} />
</svelte:fragment>
<svelte:fragment slot="trailing">

9
web/src/lib/components/shared-components/immich-logo-small-link.svelte Normal file
View File

@ -0,0 +1,9 @@
<script lang="ts">
import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
export let width: number;
</script>
<a data-sveltekit-preload-data="hover" class="ml-4" href="/">
<ImmichLogo class="h-[24px] w-[24px] max-w-none md:w-auto md:h-10 md:max-w-full" noText={width < 768} />
</a>

9
web/src/routes/(user)/share/[key]/[[photos=photos]]/[[assetId=id]]/+page.svelte
View File

@ -3,7 +3,7 @@
import Button from '$lib/components/elements/buttons/button.svelte';
import IndividualSharedViewer from '$lib/components/share-page/individual-shared-viewer.svelte';
import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
import ImmichLogoSmallLink from '$lib/components/shared-components/immich-logo-small-link.svelte';
import ThemeButton from '$lib/components/shared-components/theme-button.svelte';
import { user } from '$lib/stores/user.store';
import { handleError } from '$lib/utils/handle-error';
@ -16,6 +16,7 @@
let { title, description } = meta;
let isOwned = $user ? $user.id === sharedLink?.userId : false;
let password = '';
let innerWidth: number;
const handlePasswordSubmit = async () => {
try {
@ -31,6 +32,8 @@
};
</script>
<svelte:window bind:innerWidth />
<svelte:head>
<title>{title}</title>
<meta name="description" content={description} />
@ -39,9 +42,7 @@
<header>
<ControlAppBar showBackButton={false}>
<svelte:fragment slot="leading">
<a data-sveltekit-preload-data="hover" class="ml-4" href="/">
<ImmichLogo class="h-10" />
</a>
<ImmichLogoSmallLink width={innerWidth} />
</svelte:fragment>
<svelte:fragment slot="trailing">