It basically works, but it doesn't adjust to fill the screen when the viewport is adjusted for mobile screens (I'd like to have behave responsively like the ultima menu). Is there an easy way to do this?
Example
Ultima Menu
PrimeVue Menu
Code: Select all
<Menu
id="overlay_menu"
ref="menu"
:model="items2"
:popup="true"
/>
...
onTopbarItemClick(event, item) {
if (item === "search") {
this.$emit("search-toggle", event);
}
if (item === "profile") {
this.$refs.menu.toggle(event);
return;
}
this.$emit("topbaritem-click", { originalEvent: event, item: item });
},