faet: update dropdown ui

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

View File

@@ -3,7 +3,7 @@
<div class="dropdown-trigger" @click="toggle">
<slot name="trigger"></slot>
</div>
<div v-if="visible" class="dropdown-menu">
<div v-if="visible" class="dropdown-menu-container">
<div
v-for="(item, idx) in items"
:key="idx"
@@ -66,7 +66,8 @@ export default {
display: inline-flex;
align-items: center;
}
.dropdown-menu {
.dropdown-menu-container {
position: absolute;
top: 100%;
right: 0;
@@ -75,7 +76,10 @@ export default {
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
z-index: 10;
border-radius: 8px;
min-width: 100px;
}
.dropdown-item {
padding: 8px 16px;
white-space: nowrap;

View File

@@ -214,17 +214,6 @@ export default {
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 {
padding: 8px 16px;
white-space: nowrap;