xinyin025/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-07-22 04:26:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

faet: update dropdown ui

Browse Source
This commit is contained in:
tim
2025-07-11 13:02:41 +08:00
parent 2740394c42
commit e6f53365b8
2 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
open-isle-cli/src/components/DropdownMenu.vue
+6 -2
View File
@@ -3,7 +3,7 @@
<div class="dropdown-trigger" @click="toggle"> <div class="dropdown-trigger" @click="toggle">
<slot name="trigger"></slot> <slot name="trigger"></slot>
</div> </div>
<div v-if="visible" class="dropdown-menu"> <div v-if="visible" class="dropdown-menu-container">
<div <div
v-for="(item, idx) in items" v-for="(item, idx) in items"
:key="idx" :key="idx"
@@ -66,7 +66,8 @@ export default {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
} }
.dropdown-menu {
.dropdown-menu-container {
position: absolute; position: absolute;
top: 100%; top: 100%;
right: 0; right: 0;
@@ -75,7 +76,10 @@ export default {
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
z-index: 10; z-index: 10;
border-radius: 8px;
min-width: 100px;
} }
.dropdown-item { .dropdown-item {
padding: 8px 16px; padding: 8px 16px;
white-space: nowrap; white-space: nowrap;
open-isle-cli/src/components/HeaderComponent.vue
-11
View File
@@ -214,17 +214,6 @@ export default {
margin-left: 5px; margin-left: 5px;
} }
.dropdown-menu {
position: absolute;
top: 40px;
right: 0;
background-color: var(--menu-background-color);
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
z-index: 10;
}
.dropdown-item { .dropdown-item {
padding: 8px 16px; padding: 8px 16px;
white-space: nowrap; white-space: nowrap;