qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-11-10 14:46:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #157 from ridemountainpig/dropdownmenu-title

Browse Source 
Add `Download SVG` &  `Drop down menu` title
This commit is contained in:
Pablo Hdez 2023-12-24 13:24:20 +00:00 committed by GitHub
commit 690566df93
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/svgCard.svelte
View File

@ -134,6 +134,7 @@
{#if typeof svgInfo.route !== 'string'} {#if typeof svgInfo.route !== 'string'}
<DropdownMenu.Root> <DropdownMenu.Root>
<DropdownMenu.Trigger <DropdownMenu.Trigger
title="Download SVG"
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"
> >
<DownloadIcon size={iconSize} strokeWidth={iconStroke} /> <DownloadIcon size={iconSize} strokeWidth={iconStroke} />
@ -144,7 +145,8 @@
sideOffset={3} sideOffset={3}
> >
<DropdownMenu.Item <DropdownMenu.Item
class="flex h-10 select-none items-center rounded-md py-3 pl-3 pr-1.5 text-sm font-medium hover:bg-neutral-100 dark:hover:bg-neutral-700/40" title="Download Light & Dark variants"
class="flex h-10 select-none items-center rounded-md py-3 pl-3 pr-1.5 text-sm font-medium cursor-pointer hover:bg-neutral-100 dark:hover:bg-neutral-700/40"
on:click={() => { on:click={() => {
downloadAllVariants(svgInfo); downloadAllVariants(svgInfo);
}} }}
@ -153,7 +155,8 @@
<p>Light & Dark variants</p> <p>Light & Dark variants</p>
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item <DropdownMenu.Item
class="flex h-10 select-none items-center rounded-md py-3 pl-3 pr-1.5 text-sm font-medium hover:bg-neutral-100 dark:hover:bg-neutral-700/40" title="Download only {document.documentElement.classList.contains('dark') ? 'dark' : 'light'} variant"
class="flex h-10 select-none items-center rounded-md py-3 pl-3 pr-1.5 text-sm font-medium cursor-pointer hover:bg-neutral-100 dark:hover:bg-neutral-700/40"
on:click={() => { on:click={() => {
const svgHasTheme = typeof svgInfo.route !== 'string'; const svgHasTheme = typeof svgInfo.route !== 'string';