helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

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
No known key found for this signature in database
GPG key ID: 53CD082B3A5E1082
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>