style: update style of context menu

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>

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',
+    },
 }
 
 /**