From 3e05033896af475820523958cfa7dfba0c4ba30e Mon Sep 17 00:00:00 2001
From: ridemountainpig <lin0905580802@gmail.com>
Date: Sun, 24 Dec 2023 10:07:47 +0800
Subject: [PATCH] feat: add drop down menu title

---
 src/components/svgCard.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index 198c3a0..2c9aed1 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -134,6 +134,7 @@
       {#if typeof svgInfo.route !== 'string'}
         <DropdownMenu.Root>
           <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"
           >
             <DownloadIcon size={iconSize} strokeWidth={iconStroke} />
@@ -144,7 +145,8 @@
             sideOffset={3}
           >
             <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={() => {
                 downloadAllVariants(svgInfo);
               }}
@@ -153,7 +155,8 @@
               <p>Light & Dark variants</p>
             </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={() => {
                 const svgHasTheme = typeof svgInfo.route !== 'string';