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

✨ Add new icons for svg card.

Browse Source
This commit is contained in:
pheralb 2023-12-13 13:37:40 +00:00
parent ebf38459c1
commit 3e1d62889c
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/svgCard.svelte
View File

@ -12,6 +12,7 @@
// Main Card:
import CardSpotlight from './cardSpotlight.svelte';
import { CopyIcon, DownloadIcon, LinkIcon } from 'lucide-svelte';
// Props:
export let svgInfo: iSVG;
@ -39,6 +40,10 @@
description: `${svgInfo.title} - ${svgInfo.category}`
});
};
// Icon Stroke & Size:
let iconStroke = 1.8;
let iconSize = 16;
</script>
<CardSpotlight>
@ -91,7 +96,7 @@
}}
class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
>
<Copy size={17} />
<CopyIcon size={iconSize} strokeWidth={iconStroke} />
</button>
<button
title="Download"
@ -119,7 +124,7 @@
}}
class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
>
<DownloadSimple size={17} />
<DownloadIcon size={iconSize} strokeWidth={iconStroke} />
</button>
<a
href={svgInfo.url}
@ -127,7 +132,7 @@
target="_blank"
class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
>
<Link size={17} />
<LinkIcon size={iconSize} strokeWidth={iconStroke} />
</a>
</div>
</div>