immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-18 09:13:15 +03:00
Code Issues Packages Projects Releases 16 Wiki Activity

feat(web): add skip link to sidebar (#12330)

Browse Source 
Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
Ben
2024-09-05 09:24:24 -04:00
committed by GitHub
parent ce2349d496
commit c5848112bb
6 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/lib/components/layouts/user-page-layout.svelte
View File

@@ -1,3 +1,7 @@
<script lang="ts" context="module">
export const headerId = 'user-page-header';
</script>
<script lang="ts">
import { openFileUploadDialog } from '$lib/utils/file-uploader';
import NavigationBar from '../shared-components/navigation-bar/navigation-bar.svelte';
@@ -35,16 +39,14 @@
</slot>
<section class="relative">
{#if title || $$slots.title || $$slots.buttons}
{#if title || $$slots.buttons}
<div
class="absolute flex h-16 w-full place-items-center justify-between border-b p-4 dark:border-immich-dark-gray dark:text-immich-dark-fg"
>
<div class="flex gap-2 items-center">
<slot name="title">
{#if title}
<div class="font-medium">{title}</div>
{/if}
</slot>
{#if title}
<div class="font-medium" tabindex="-1" id={headerId}>{title}</div>
{/if}
{#if description}
<p class="text-sm text-gray-400 dark:text-gray-600">{description}</p>
{/if}