From 78b91206b08ffbcd6c1cff71e0f6c2fba26cfd25 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sun, 17 Dec 2023 21:55:43 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Update=20notFound=20with=20new?=
 =?UTF-8?q?=20design.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/notFound.svelte | 40 +++++++++++++++++++---------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/components/notFound.svelte b/src/components/notFound.svelte
index 05f7342..1d315a4 100644
--- a/src/components/notFound.svelte
+++ b/src/components/notFound.svelte
@@ -1,22 +1,28 @@
 <script lang="ts">
   export let notFoundTerm: string;
-
-  import FileSearch from 'phosphor-svelte/lib/FileMagnifyingGlass';
-  import ArrowUpRight from 'phosphor-svelte/lib/ArrowUpRight';
+  import { PackageOpen, ArrowUpRight } from 'lucide-svelte';
 </script>
 
-<div
-  class="mt-6 flex w-full flex-col items-center justify-center space-y-2 text-gray-600 dark:text-gray-400"
->
-  <FileSearch size={40} />
-  <p class="mt-1 text-xl font-medium">SVG not found</p>
-  <p class="text-lg">"{notFoundTerm}"</p>
-  <a
-    href="https://github.com/pheralb/svgl/issues/new"
-    target="_blank"
-    class="flex items-center space-x-2 rounded-md border border-neutral-300 p-2 duration-100 hover:bg-neutral-200 dark:border-neutral-700 dark:hover:bg-neutral-700/40"
-  >
-    <span>Request SVG</span>
-    <ArrowUpRight size={16} />
-  </a>
+<div class="mt-6 flex w-full flex-col items-center justify-center text-gray-600 dark:text-gray-400">
+  <PackageOpen size={40} class="mb-4" />
+  <p class="text-xl mb-1 font-medium">SVG not found</p>
+  <p class="text-md mb-4 font-mono">"{notFoundTerm}"</p>
+  <div class="flex items-center space-x-1">
+    <a
+      href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started"
+      target="_blank"
+      class="flex items-center space-x-2 rounded-md border border-neutral-300 p-2 duration-100 hover:bg-neutral-200 dark:border-neutral-700 dark:hover:bg-neutral-700/40"
+    >
+      <span>Submit logo</span>
+      <ArrowUpRight size={16} />
+    </a>
+    <a
+      href="https://github.com/pheralb/svgl/issues/new"
+      target="_blank"
+      class="flex items-center space-x-2 rounded-md border border-neutral-300 p-2 duration-100 hover:bg-neutral-200 dark:border-neutral-700 dark:hover:bg-neutral-700/40"
+    >
+      <span>Request SVG</span>
+      <ArrowUpRight size={16} />
+    </a>
+  </div>
 </div>