Fix message bar

This commit is contained in:
SebClem 2024-08-14 12:16:41 +02:00
parent b674651fbc
commit 92c0cc7059
Signed by: sebclem
GPG Key ID: 5A4308F6A359EA50
3 changed files with 4 additions and 3 deletions

View File

@ -1,7 +1,6 @@
<template>
<v-app>
<navbar-component></navbar-component>
<message-bar></message-bar>
<webdav-config-menu @saved="cloudList?.refreshBackup"></webdav-config-menu>
<backup-config-menu></backup-config-menu>
<alert-manager></alert-manager>
@ -24,7 +23,6 @@ import { ref } from "vue";
import AlertManager from "./components/AlertManager.vue";
import CloudList from "./components/cloud/CloudList.vue";
import HaList from "./components/homeAssistant/HaList.vue";
import MessageBar from "./components/MessageBar.vue";
import NavbarComponent from "./components/NavbarComponent.vue";
import BackupConfigMenu from "./components/settings/BackupConfigMenu.vue";
import WebdavConfigMenu from "./components/settings/WebdavConfigMenu.vue";
@ -39,3 +37,4 @@ function refreshLists() {
</script>
<style scoped></style>

View File

@ -1,5 +1,5 @@
<template>
<v-menu activator="#message-btn" :close-on-content-click="false">
<v-menu activator="parent" :close-on-content-click="false">
<v-sheet width="500" border rounded>
<v-toolbar color="surface" density="comfortable" border>
<v-toolbar-title>Messages</v-toolbar-title>

View File

@ -18,6 +18,7 @@
<v-icon class="shake">mdi-bell</v-icon>
</v-badge>
<v-icon v-else>mdi-bell</v-icon>
<message-bar></message-bar>
</v-btn>
<v-menu width="210px">
<template v-slot:activator="{ props }">
@ -46,6 +47,7 @@ import { useDialogStatusStore } from "@/store/dialogStatus";
import { useMessageStore } from "@/store/message";
import { storeToRefs } from "pinia";
import logoUrl from "../assets/logo.svg";
import MessageBar from "./MessageBar.vue";
const dialogStatusStore = useDialogStatusStore();
const messagesStore = useMessageStore();