qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-06 06:58:04 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

🎨 Design improvements.

Browse Source
This commit is contained in:
pheralb 2023-07-07 10:08:56 +01:00
parent 3082244e9d
commit c1d8b7d531
3 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/svgCard.svelte
View File

@ -30,7 +30,7 @@
const content = (await getSvgContent(url, false)) as string; const content = (await getSvgContent(url, false)) as string;
await navigator.clipboard.writeText(content); await navigator.clipboard.writeText(content);
} }
toast.message('Copied to clipboard!', { toast.success('Copied to clipboard!', {
description: `${svgInfo.title} - ${svgInfo.category}` description: `${svgInfo.title} - ${svgInfo.category}`
}); });
}; };

11
src/routes/+layout.svelte
View File

@ -38,7 +38,7 @@
class="flex items-center space-x-2 duration-150 hover:text-neutral-500 dark:hover:text-neutral-300" class="flex items-center space-x-2 duration-150 hover:text-neutral-500 dark:hover:text-neutral-300"
> >
<h3 class="text-xl font-medium">svgl</h3> <h3 class="text-xl font-medium">svgl</h3>
<p class="text-neutral-500">v3.0.0</p> <p class="text-neutral-500">v3.1.0</p>
</div> </div>
</a> </a>
<Theme /> <Theme />
@ -54,7 +54,8 @@
${data.pathname === `/` ? 'bg-neutral-200 dark:bg-neutral-700/30' : ''}`} ${data.pathname === `/` ? 'bg-neutral-200 dark:bg-neutral-700/30' : ''}`}
data-sveltekit-preload-data>All</a data-sveltekit-preload-data>All</a
> >
{#each categories as category} <!-- Order alfabetically: -->
{#each categories.sort() as category}
<a <a
href={`/directory/${category.toLowerCase()}`} href={`/directory/${category.toLowerCase()}`}
class={`flex w-full items-center rounded-md p-2 transition-none duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40 class={`flex w-full items-center rounded-md p-2 transition-none duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40
@ -86,8 +87,10 @@
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<span class="flex items-center justify-center">Repository</span> <span class="flex items-center justify-center">Repository</span>
{#if data.stars} {#if data.stars}
<div class="flex items-center space-x-1 text-neutral-400"> <div class="flex items-center space-x-1 text-neutral-600 dark:text-neutral-400">
<div><Star size={14} weight="duotone" /></div> <div>
<Star size={14} weight="duotone" class="text-yellow-700 dark:text-yellow-500" />
</div>
<span>{data.stars}</span> <span>{data.stars}</span>
</div> </div>
{/if} {/if}

1
src/types/categories.ts
View File

@ -1,5 +1,6 @@
export type tCategory = export type tCategory =
| 'All' | 'All'
| 'AI'
| 'Software' | 'Software'
| 'Library' | 'Library'
| 'Hosting' | 'Hosting'