mirror of https://github.com/MedzikUser/portfolio
Move Arrow svg to component
This commit is contained in:
parent
2f116cfaa8
commit
7686071813
|
@ -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>
|
|
@ -10,6 +10,7 @@
|
||||||
|
|
||||||
import avatar from '../assets/avatar.svg';
|
import avatar from '../assets/avatar.svg';
|
||||||
import SignalIcon from '../lib/Signal.svelte';
|
import SignalIcon from '../lib/Signal.svelte';
|
||||||
|
import Arrow from '$lib/Arrow.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
|
@ -59,16 +60,8 @@
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute bottom-4">
|
<div class="absolute bottom-4 h-8 w-8 text-on-primary-token animate-bounce">
|
||||||
<svg
|
<Arrow />
|
||||||
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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue