mirror/advplyr.audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-07-21 11:24:53 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update:Libraries table using context menu instead of hover buttons. Cleanup mobile view #1342

Browse source
This commit is contained in:
advplyr 2023-01-07 17:14:55 -06:00
parent 3588e1e8d3
commit 5255bf13cc
12 changed files with 85 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/components/ui/ContextMenuDropdown.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="relative h-9 w-9" v-click-outside="clickOutsideObj">
<button type="button" :disabled="disabled" class="relative h-full w-full flex items-center justify-center shadow-sm pl-3 pr-3 text-left focus:outline-none cursor-pointer text-gray-100 hover:text-gray-200 rounded-full hover:bg-white/5" aria-haspopup="listbox" aria-expanded="true" @click.stop.prevent="clickShowMenu">
<span class="material-icons">more_vert</span>
<button type="button" :disabled="disabled" class="relative h-full w-full flex items-center justify-center shadow-sm pl-3 pr-3 text-left focus:outline-none cursor-pointer text-gray-100 hover:text-gray-200 rounded-full hover:bg-white/5" aria-haspopup="listbox" :aria-expanded="showMenu" @click.stop.prevent="clickShowMenu">
<span class="material-icons" :class="iconClass">more_vert</span>
</button>
<transition name="menu">
@ -23,6 +23,10 @@ export default {
items: {
type: Array,
default: () => []
},
iconClass: {
type: String,
default: ''
}
},
data() {