use home icon for database back-to-site button

This commit is contained in:
Justin Edmund 2025-12-23 14:41:22 -08:00
parent 27e9b959ab
commit 3cfb1e77ee
2 changed files with 11 additions and 1 deletions

10
src/assets/icons/home.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2792_412)">
<path d="M7.00016 1C7.38494 0.999199 7.76999 1.14502 8.06364 1.43848L13.0138 6.38867C13.5994 6.97444 13.5995 7.92402 13.0138 8.50977C12.4627 9.06091 11.5894 9.09337 11.0002 8.60742V11C11.0002 12.1045 10.1047 12.9999 9.00016 13H5.00016C3.89559 13 3.00016 12.1046 3.00016 11V8.60645C2.41093 9.09289 1.53782 9.06103 0.986488 8.50977C0.400714 7.92399 0.400739 6.97446 0.986488 6.38867L5.93571 1.43848C6.22945 1.14476 6.61518 0.999143 7.00016 1ZM7.00016 6.5C6.17173 6.5 5.50016 7.17157 5.50016 8C5.50016 8.82843 6.17173 9.5 7.00016 9.5C7.82851 9.49991 8.50016 8.82837 8.50016 8C8.50016 7.17163 7.82851 6.50009 7.00016 6.5Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_2792_412">
<rect width="14" height="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 923 B

View file

@ -208,7 +208,7 @@
onmouseenter={() => (databaseBackHovered = true)}
onmouseleave={() => (databaseBackHovered = false)}
>
<Icon name="arrow-left" size={14} />
<Icon name="home" size={14} />
{#if databaseBackHovered}
<span class="database-back-label">Back to site</span>
{/if}