Medzik
/
portfolio
mirror of https://github.com/MedzikUser/portfolio
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Move Arrow svg to component

This commit is contained in:
M3DZIK 2024-03-17 22:46:02 +01:00
parent 2f116cfaa8
commit 7686071813
No known key found for this signature in database
GPG Key ID: A5FAC1E185C112DB
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/Arrow.svelte Normal file
View File

@ -0,0 +1,7 @@
<script>
import IconBase from 'svelte-icons/components/IconBase.svelte';
</script>
<IconBase viewBox="0 0 24 24" {...$$props}>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
</IconBase>

13
src/routes/+page.svelte
View File

@ -10,6 +10,7 @@
import avatar from '../assets/avatar.svg';
import SignalIcon from '../lib/Signal.svelte';
import Arrow from '$lib/Arrow.svelte';
</script>
<svelte:head>
@ -59,16 +60,8 @@
</footer>
</div>
<div class="absolute bottom-4">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
class="h-8 w-8 text-on-primary-token animate-bounce"
>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
</svg>
<div class="absolute bottom-4 h-8 w-8 text-on-primary-token animate-bounce">
<Arrow />
</div>
</div>