mikkel/astro-personal-website
1
0
Fork 0
mirror of https://github.com/mikkelsvartveit/astro-personal-website.git synced 2025-12-22 11:12:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix view counter

Browse source
This commit is contained in:
Mikkel Svartveit 2024-05-13 01:00:10 -07:00
parent 6edd8ba2cf
commit 7caeb6a0c9
2 changed files with 22 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/ArticleViewCounter.svelte
View file

@ -15,9 +15,11 @@
});
</script>
<span class="inline-flex items-center space-x-1">
<span class="px-1">⋅</span>
{#if counter !== null}
<span
class="inline-flex items-center space-x-1"
transition:fade={{ duration: 200, easing: expoIn }}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="12">
<!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<style>
@ -31,7 +33,6 @@
/>
</svg>
{#if counter !== null}
<span transition:fade={{ duration: 200, easing: expoIn }}>{counter}</span>
{/if}
<span>{counter}</span>
</span>
{/if}

4
src/pages/articles/[article].astro
View file

@ -37,7 +37,9 @@ const title = headings[0].text;
}
</span>
<ArticleViewCounter articleSlug={project.slug} client:load />
<span class="px-2">⋅</span>
<ArticleViewCounter articleSlug={project.slug} client:only="svelte" />
</p>
<ProseLayout>