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: // Main Card:
import CardSpotlight from './cardSpotlight.svelte'; import CardSpotlight from './cardSpotlight.svelte';
import { CopyIcon, DownloadIcon, LinkIcon } from 'lucide-svelte';
// Props: // Props:
export let svgInfo: iSVG; export let svgInfo: iSVG;
@ -39,6 +40,10 @@
description: `${svgInfo.title} - ${svgInfo.category}` description: `${svgInfo.title} - ${svgInfo.category}`
}); });
}; };
// Icon Stroke & Size:
let iconStroke = 1.8;
let iconSize = 16;
</script> </script>
<CardSpotlight> <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" 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>
<button <button
title="Download" 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" 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> </button>
<a <a
href={svgInfo.url} href={svgInfo.url}
@ -127,7 +132,7 @@
target="_blank" 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" 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> </a>
</div> </div>
</div> </div>