mirror of
https://github.com/Art051/immich.git
synced 2025-08-11 19:29:00 +00:00
72ce81f0c2
* feat(web,a11y): replace IconButton with CircleIconButton * wip: cleanup * wip: bring back viewbox * fix: add label to search bar
31 lines
1.1 KiB
Svelte
31 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
|
|
import UserSettingsList from '$lib/components/user-settings-page/user-settings-list.svelte';
|
|
import { mdiKeyboard } from '@mdi/js';
|
|
import type { PageData } from './$types';
|
|
import ShowShortcuts from '$lib/components/shared-components/show-shortcuts.svelte';
|
|
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
|
|
|
|
export let data: PageData;
|
|
export let isShowKeyboardShortcut = false;
|
|
</script>
|
|
|
|
<UserPageLayout title={data.meta.title}>
|
|
<svelte:fragment slot="buttons">
|
|
<CircleIconButton
|
|
icon={mdiKeyboard}
|
|
title="Show keyboard shortcuts"
|
|
on:click={() => (isShowKeyboardShortcut = !isShowKeyboardShortcut)}
|
|
/>
|
|
</svelte:fragment>
|
|
<section class="mx-4 flex place-content-center">
|
|
<div class="w-full max-w-3xl">
|
|
<UserSettingsList keys={data.keys} sessions={data.sessions} />
|
|
</div>
|
|
</section>
|
|
</UserPageLayout>
|
|
|
|
{#if isShowKeyboardShortcut}
|
|
<ShowShortcuts on:close={() => (isShowKeyboardShortcut = false)} />
|
|
{/if}
|