lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: update style of context menu

This commit is contained in:
Lykin 2024-01-03 00:13:34 +08:00
parent 535fdabb0c
commit 5e970982a2
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/sidebar/BrowserPane.vue
View File

@ -280,7 +280,11 @@ onMounted(() => onReload())
stroke-width="4" stroke-width="4"
t-tooltip="interface.new_key" t-tooltip="interface.new_key"
@click="onAddKey" /> @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-button :focusable="false" size="small" style="padding: 0 3px">
<n-icon size="10"> <n-icon size="10">
<down :stroke-width="6" /> <down :stroke-width="6" />
@ -356,7 +360,11 @@ onMounted(() => onReload())
size="20" size="20"
t-tooltip="interface.check_mode" t-tooltip="interface.check_mode"
@click="inCheckState = true" /> @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" /> <icon-button :button-class="['nav-pane-func-btn']" :icon="More" :stroke-width="3.5" size="20" />
</n-dropdown> </n-dropdown>
</div> </div>

7
frontend/src/utils/theme.js
View File

@ -63,6 +63,13 @@ export const themeOverrides = {
thPaddingSmall: '6px 8px', thPaddingSmall: '6px 8px',
tdPaddingSmall: '6px 8px', tdPaddingSmall: '6px 8px',
}, },
Dropdown: {
borderRadius: '5px',
optionIconSizeMedium: '18px',
padding: '6px 2px',
optionColorHover: '#D33A31',
optionTextColorHover: '#FFF',
},
} }
/** /**