Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-24 01:12:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: avatar selection z-index issues (#18425)

Browse Source
This commit is contained in:
Daniel Dietzler 2025-05-22 14:48:07 +02:00 committed by GitHub
parent bc8e08f5e8
commit c278bb0e5b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/lib/components/shared-components/navigation-bar/account-info-panel.svelte
View File

@ -41,7 +41,10 @@
class="border" class="border"
size="12" size="12"
padding="2" padding="2"
onclick={() => modalManager.show(AvatarEditModal, {})} onclick={async () => {
onClose();
await modalManager.show(AvatarEditModal, {});
}}
/> />
</div> </div>
</div> </div>

7
web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte
View File

@ -5,6 +5,7 @@
<script lang="ts"> <script lang="ts">
import { page } from '$app/state'; import { page } from '$app/state';
import { clickOutside } from '$lib/actions/click-outside'; import { clickOutside } from '$lib/actions/click-outside';
import CastButton from '$lib/cast/cast-button.svelte';
import SkipLink from '$lib/components/elements/buttons/skip-link.svelte'; import SkipLink from '$lib/components/elements/buttons/skip-link.svelte';
import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte'; import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
import NotificationPanel from '$lib/components/shared-components/navigation-bar/notification-panel.svelte'; import NotificationPanel from '$lib/components/shared-components/navigation-bar/notification-panel.svelte';
@ -27,7 +28,6 @@
import ThemeButton from '../theme-button.svelte'; import ThemeButton from '../theme-button.svelte';
import UserAvatar from '../user-avatar.svelte'; import UserAvatar from '../user-avatar.svelte';
import AccountInfoPanel from './account-info-panel.svelte'; import AccountInfoPanel from './account-info-panel.svelte';
import CastButton from '$lib/cast/cast-button.svelte';
interface Props { interface Props {
showUploadButton?: boolean; showUploadButton?: boolean;
@ -183,7 +183,10 @@
</button> </button>
{#if shouldShowAccountInfoPanel} {#if shouldShowAccountInfoPanel}
<AccountInfoPanel onLogout={() => authManager.logout()} /> <AccountInfoPanel
onLogout={() => authManager.logout()}
onClose={() => (shouldShowAccountInfoPanel = false)}
/>
{/if} {/if}
</div> </div>
</section> </section>