qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-03-12 16:10:34 +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

40
src/components/notFound.svelte
View File

@ -1,22 +1,28 @@
<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>
<FileSearch size={40} /> <p class="text-md mb-4 font-mono">"{notFoundTerm}"</p>
<p class="mt-1 text-xl font-medium">SVG not found</p> <div class="flex items-center space-x-1">
<p class="text-lg">"{notFoundTerm}"</p> <a
<a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started"
href="https://github.com/pheralb/svgl/issues/new" target="_blank"
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"
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>
<span>Request SVG</span> <ArrowUpRight size={16} />
<ArrowUpRight size={16} /> </a>
</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> </div>