From 5e970982a2834f8af74724addc38058a86886750 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Wed, 3 Jan 2024 00:13:34 +0800
Subject: [PATCH] style: update style of context menu

---
 frontend/src/components/sidebar/BrowserPane.vue | 12 ++++++++++--
 frontend/src/utils/theme.js                     |  7 +++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/sidebar/BrowserPane.vue b/frontend/src/components/sidebar/BrowserPane.vue
index 08ebf6e..c23ce59 100644
--- a/frontend/src/components/sidebar/BrowserPane.vue
+++ b/frontend/src/components/sidebar/BrowserPane.vue
@@ -280,7 +280,11 @@ onMounted(() => onReload())
                     stroke-width="4"
                     t-tooltip="interface.new_key"
                     @click="onAddKey" />
-                <n-dropdown :options="addOptions" placement="bottom-end" @select="onSelectOptions">
+                <n-dropdown
+                    :options="addOptions"
+                    placement="bottom-end"
+                    style="min-width: 130px"
+                    @select="onSelectOptions">
                     <n-button :focusable="false" size="small" style="padding: 0 3px">
                         <n-icon size="10">
                             <down :stroke-width="6" />
@@ -356,7 +360,11 @@ onMounted(() => onReload())
                         size="20"
                         t-tooltip="interface.check_mode"
                         @click="inCheckState = true" />
-                    <n-dropdown :options="moreOptions" placement="top-end" @select="onSelectOptions">
+                    <n-dropdown
+                        :options="moreOptions"
+                        placement="top-end"
+                        style="min-width: 130px"
+                        @select="onSelectOptions">
                         <icon-button :button-class="['nav-pane-func-btn']" :icon="More" :stroke-width="3.5" size="20" />
                     </n-dropdown>
                 </div>
diff --git a/frontend/src/utils/theme.js b/frontend/src/utils/theme.js
index 0fd964c..aa7f15c 100644
--- a/frontend/src/utils/theme.js
+++ b/frontend/src/utils/theme.js
@@ -63,6 +63,13 @@ export const themeOverrides = {
         thPaddingSmall: '6px 8px',
         tdPaddingSmall: '6px 8px',
     },
+    Dropdown: {
+        borderRadius: '5px',
+        optionIconSizeMedium: '18px',
+        padding: '6px 2px',
+        optionColorHover: '#D33A31',
+        optionTextColorHover: '#FFF',
+    },
 }
 
 /**