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

🎨 Update svgCard classname

Browse Source
This commit is contained in:
pheralb 2024-09-23 10:14:35 +01:00
parent cae173bb3d
commit be7bb3cf60
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/svgCard.svelte
View File

@ -56,7 +56,7 @@
</script> </script>
<div <div
class="flex flex-col items-center justify-center rounded-md p-4 border border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100/80 dark:hover:bg-neutral-800/20 transition-colors duration-100 group" class="group flex flex-col items-center justify-center rounded-md border border-neutral-200 p-4 transition-colors duration-100 hover:bg-neutral-100/80 dark:border-neutral-800 dark:hover:bg-neutral-800/20"
> >
<!-- Image --> <!-- Image -->
{#if wordmarkSvg == true} {#if wordmarkSvg == true}
@ -95,11 +95,11 @@
/> />
{/if} {/if}
<!-- Title --> <!-- Title -->
<div class="mb-3 flex flex-col space-y-1 items-center justify-center"> <div class="mb-3 flex flex-col items-center justify-center space-y-1">
<p class="truncate text-[15px] font-medium text-balance text-center select-all"> <p class="select-all truncate text-balance text-center text-[15px] font-medium">
{svgInfo.title} {svgInfo.title}
</p> </p>
<div class="flex items-center space-x-1 justify-center"> <div class="flex items-center justify-center space-x-1">
{#if Array.isArray(svgInfo.category)} {#if Array.isArray(svgInfo.category)}
{#each svgInfo.category.slice(0, maxVisibleCategories) as c, index} {#each svgInfo.category.slice(0, maxVisibleCategories) as c, index}
<a href={`/directory/${c.toLowerCase()}`} class={badgeStyles}>{c}</a> <a href={`/directory/${c.toLowerCase()}`} class={badgeStyles}>{c}</a>
@ -122,7 +122,7 @@
{#each svgInfo.category.slice(maxVisibleCategories) as c} {#each svgInfo.category.slice(maxVisibleCategories) as c}
<a <a
href={`/directory/${c.toLowerCase()}`} href={`/directory/${c.toLowerCase()}`}
class={cn(buttonStyles, 'rounded-md w-full')} class={cn(buttonStyles, 'w-full rounded-md')}
> >
<TagIcon size={15} strokeWidth={1.5} /> <TagIcon size={15} strokeWidth={1.5} />
<span>{c}</span> <span>{c}</span>