nikiskaarup/progress-tracker-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

scroll

Browse source
This commit is contained in:
Niki Wix Skaarup 2025-04-05 21:40:49 +02:00
parent cc453863e3
commit a805cc265c
Signed by: nikiskaarup
GPG key ID: FC2F1B116F6E788C
3 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/main.svelte
View file

@ -4,6 +4,6 @@
const { children }: { children?: Snippet } = $props();
</script>
<main id="main-content" class="content grid min-h-(--main-min-height) pt-4 pb-20">
<main id="main-content" class="content grid min-h-(--main-min-height) py-4">
{@render children?.()}
</main>

9
src/components/progress-table.svelte
View file

@ -28,7 +28,9 @@
});
</script>
<div class="col-[content]">
<div
class="relative col-[content] max-h-[calc(var(--main-min-height)---spacing(8))] overflow-y-auto pr-0.5"
>
{#await entriesPromise}
<p class="text-center">Loading entries...</p>
{:then entries}
@ -36,6 +38,9 @@
<p class="text-center">No entries.</p>
{:else}
{@render table(entries)}
<div
class="sticky inset-x-0 bottom-0 h-16 bg-gradient-to-t from-gray-950 to-transparent"
></div>
{/if}
{:catch error}
<p class="mx-auto max-w-md text-center">
@ -49,7 +54,7 @@
class="@container grid w-full grid-cols-[auto,1fr,auto,auto,auto] gap-1 font-light @lg:gap-3"
>
<div
class="sticky top-(--header-height) col-span-5 grid grid-cols-[subgrid] gap-1 bg-gray-950 py-2 text-gray-400 capitalize"
class="sticky top-0 col-span-5 grid grid-cols-[subgrid] gap-1 bg-gray-950 py-2 text-gray-400 capitalize"
>
<div>id</div>
<div class="px-1">name</div>

2
src/index.html
View file

@ -1,7 +1,7 @@
<!doctype html>
<html lang="en" class="min-h-dvh">
<head>
<title>Progress tracker - skaarup.dev</title>
<title>Progress tracker</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link