mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-24 14:31:44 +01:00
Change Jump to Context menu to be a dropdown menu
I extracted the dropdown portion of the LogActionsToolbar into a separate DropdownMenu component so that it can be reused for Jump to Context. Other Changes: - Remove unused style in LogActionsToolbar
This commit is contained in:
27
assets/components/DropdownMenu.vue
Normal file
27
assets/components/DropdownMenu.vue
Normal file
@@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<div class="dropdown is-hoverable">
|
||||
<div class="dropdown-trigger">
|
||||
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
|
||||
<span class="icon">
|
||||
<mdi-dots-vertical />
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="dropdown-menu" id="dropdown-menu" role="menu">
|
||||
<div class="dropdown-content">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup></script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.is-top .dropdown-menu {
|
||||
top: 0;
|
||||
}
|
||||
.is-small {
|
||||
transform: scale(75%);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user