move icons used from astro to seperate files

This commit is contained in:
outfoxxed 2024-10-14 23:36:03 -07:00
parent 8cc064e64a
commit 4682b90711
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
7 changed files with 21 additions and 93 deletions

View file

@ -1,8 +1,6 @@
---
import "@pagefind/default-ui/css/ui.css";
import { getHTMLIcon } from "../iconsModule";
const magnifier = getHTMLIcon("magnifier");
import magnifierIcon from "@icons/magnifier.svg?raw"
---
<site-search class="search-wrapper">
@ -13,7 +11,7 @@ const magnifier = getHTMLIcon("magnifier");
aria-keyshortcuts="Control+K"
class="search-button"
>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d={magnifier}/></svg>
<Fragment set:html={magnifierIcon}/>
<span class="search-label" aria-hidden="true">Search</span>
<kbd class="search-kbd">
<kbd>Ctrl</kbd><kbd>K</kbd>