qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-12-29 08:01:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add drop down menu title

Browse Source
This commit is contained in:
ridemountainpig
2023-12-24 10:07:47 +08:00
parent dbfcdca6e3
commit 3e05033896
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/svgCard.svelte
+5 -2
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';