Add new naviagtion icons

This commit is contained in:
Fred Boniface 2023-06-15 12:23:39 +01:00
parent 20ec12510c
commit 2ef13e7b54
4 changed files with 6 additions and 7 deletions

View File

@ -3,19 +3,19 @@
{ {
title: "Home", title: "Home",
path: "/", path: "/",
svgPath: "/images/nav/home_icon.svg", svgPath: "/images/navigation/home.svg",
pngPath: "/images/nav/home_icon-25.png" pngPath: "/images/nav/home_icon-25.png"
}, },
{ {
title: "PIS Finder", title: "PIS Finder",
path: "/pis", path: "/pis",
svgPath: "", svgPath: "/images/navigation/info.svg",
pngPath: "" pngPath: ""
}, },
{ {
title: "More", title: "More",
path: "/more", path: "/more",
svgPath: "/images/nav/hamburger.svg", svgPath: "/images/navigation/more.svg",
pngPath: "/images/nav/hamburger.svg" pngPath: "/images/nav/hamburger.svg"
} }
] ]
@ -25,10 +25,9 @@
<footer> <footer>
{#each links as item} {#each links as item}
<a href={item.path} class:active={$page.url.pathname == item.path}> <a href={item.path} class:active={$page.url.pathname == item.path}>
<picture> <img src="{item.svgPath}" alt="">
<source srcset={item.svgPath} type="svg+xml"> <br>
<img src="{item.pngPath}" alt=""> <span>{item.title}</span>
</picture><br><span>{item.title}</span>
</a> </a>
{/each} {/each}
</footer> </footer>

View File

Before

Width:  |  Height:  |  Size: 648 B

After

Width:  |  Height:  |  Size: 648 B

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB