qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-09-20 11:16:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

🎨 Update notFound with new design.

Browse Source
This commit is contained in:
pheralb 2023-12-17 21:55:43 +00:00
parent b9eec5f4a6
commit 78b91206b0
1 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/notFound.svelte
View File

@ -1,16 +1,21 @@
<script lang="ts"> <script lang="ts">
export let notFoundTerm: string; export let notFoundTerm: string;
import { PackageOpen, ArrowUpRight } from 'lucide-svelte';
import FileSearch from 'phosphor-svelte/lib/FileMagnifyingGlass';
import ArrowUpRight from 'phosphor-svelte/lib/ArrowUpRight';
</script> </script>
<div <div class="mt-6 flex w-full flex-col items-center justify-center text-gray-600 dark:text-gray-400">
class="mt-6 flex w-full flex-col items-center justify-center space-y-2 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"
> >
<FileSearch size={40} /> <span>Submit logo</span>
<p class="mt-1 text-xl font-medium">SVG not found</p> <ArrowUpRight size={16} />
<p class="text-lg">"{notFoundTerm}"</p> </a>
<a <a
href="https://github.com/pheralb/svgl/issues/new" href="https://github.com/pheralb/svgl/issues/new"
target="_blank" target="_blank"
@ -20,3 +25,4 @@
<ArrowUpRight size={16} /> <ArrowUpRight size={16} />
</a> </a>
</div> </div>
</div>