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

feat: update multiple category layout

Browse Source
This commit is contained in:
ridemountainpig 2024-01-18 01:16:56 +08:00
parent 6d5e54b602
commit d69adfe4be
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/svgCard.svelte
View File

@ -190,21 +190,25 @@
<p class="truncate text-[15px] font-medium text-balance text-center select-all">
{svgInfo.title}
</p>
</div>
<div class="mb-3 flex flex-col items-center justify-center h-10">
{#if Array.isArray(svgInfo.category)}
{#each svgInfo.category.sort() as c}
<div class="flex flex-wrap justify-center">
{#if Array.isArray(svgInfo.category)}
{#each svgInfo.category.sort() as c, index}
<a
href={`/directory/${c.toLowerCase()}`}
class="text-sm lowercase text-neutral-500 hover:underline font-mono">{c}</a
>
{#if index < svgInfo.category.length - 1}
<span class="text-neutral-500">.</span>
{/if}
{/each}
{:else}
<a
href={`/directory/${c.toLowerCase()}`}
class="text-sm lowercase text-neutral-500 hover:underline font-mono">{c}</a
href={`/directory/${svgInfo.category.toLowerCase()}`}
class="text-sm lowercase text-neutral-500 hover:underline font-mono"
>{svgInfo.category}</a
>
{/each}
{:else}
<a
href={`/directory/${svgInfo.category.toLowerCase()}`}
class="text-sm lowercase text-neutral-500 hover:underline font-mono">{svgInfo.category}</a
>
{/if}
{/if}
</div>
</div>
<!-- Actions -->
<div class="flex items-center space-x-1">