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

View File

@ -1,5 +1,5 @@
<template> <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-sheet width="500" border rounded>
<v-toolbar color="surface" density="comfortable" border> <v-toolbar color="surface" density="comfortable" border>
<v-toolbar-title>Messages</v-toolbar-title> <v-toolbar-title>Messages</v-toolbar-title>

View File

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