self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-23 04:38:12 +02:00
Code Issues Releases Activity

Added page navigation progress indicator

Browse Source
This commit is contained in:
Alex
2022-08-25 13:02:36 -07:00
parent e344503834
commit 658b64df74
4 changed files with 40 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/lib/components/shared-components/navigation-loading-bar.svelte Normal file
View File

@ -0,0 +1,18 @@
<script lang="ts">
import { onMount } from 'svelte';
import { cubicOut } from 'svelte/easing';
import { tweened } from 'svelte/motion';
const progress = tweened(0, {
duration: 1000,
easing: cubicOut
});
onMount(() => {
progress.set(90);
});
</script>
<div class="absolute top-0 left-0 w-screen h-[3px] bg-white z-[999999999]">
<span class="absolute bg-immich-primary h-[3px]" style:width={`${$progress}%`} />
</div>

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

@ -1,5 +1,4 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { AppSideBarSelection } from '$lib/models/admin-sidebar-selection';
import { onMount } from 'svelte';
@ -24,7 +23,7 @@
</script>
<section id="sidebar" class="flex flex-col gap-1 pt-8 pr-6">
<a sveltekit:prefetch href={$page.routeId != 'photos' ? `/photos` : null}>
<a sveltekit:prefetch sveltekit:noscroll href={$page.routeId !== 'photos' ? `/photos` : null}>
<SideBarButton
title="Photos"
logo={ImageOutline}
@ -32,7 +31,7 @@
isSelected={selectedAction === AppSideBarSelection.PHOTOS}
/></a
>
<a sveltekit:prefetch href={$page.routeId != 'sharing' ? `/sharing` : null}>
<a sveltekit:prefetch href={$page.routeId !== 'sharing' ? `/sharing` : null}>
<SideBarButton
title="Sharing"
logo={AccountMultipleOutline}
@ -43,7 +42,7 @@
<div class="text-xs ml-5 my-4">
<p>LIBRARY</p>
</div>
<a sveltekit:prefetch href={$page.routeId != 'albums' ? `/albums` : null}>
<a sveltekit:prefetch href={$page.routeId !== 'albums' ? `/albums` : null}>
<SideBarButton
title="Albums"
logo={ImageAlbum}