qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-11-10 14:46:54 +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

24
src/components/notFound.svelte
View File

@ -1,16 +1,21 @@
<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>
<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"
@ -19,4 +24,5 @@
<span>Request SVG</span>
<ArrowUpRight size={16} />
</a>
</div>
</div>