diff --git a/src/vueLib/general/useNotify.ts b/src/vueLib/general/useNotify.ts index be9b8e3..b15376f 100644 --- a/src/vueLib/general/useNotify.ts +++ b/src/vueLib/general/useNotify.ts @@ -48,9 +48,24 @@ export function useNotify() { $q?.notify({ message: message, color: color, - position: 'bottom-right', + position: 'top-left', icon: icon, timeout: timeout, + classes: 'custom-notify', + attrs: { + style: 'margin-top: 50px', + }, + actions: [ + { + icon: 'close', + color: 'white', + dense: true, + round: true, + handler: () => { + /* just closes */ + }, + }, + ], }); } } diff --git a/src/vueLib/login/userStore.ts b/src/vueLib/login/userStore.ts index 9fdd58b..7885787 100644 --- a/src/vueLib/login/userStore.ts +++ b/src/vueLib/login/userStore.ts @@ -56,9 +56,23 @@ export const useUserStore = defineStore('user', { $q?.notify({ message: "user '" + this.user?.username + "' logged out", color: 'orange', - position: 'bottom-right', + position: 'top-left', icon: 'warning', timeout: 5000, + attrs: { + style: 'margin-top: 50px', + }, + actions: [ + { + icon: 'close', + color: 'white', + dense: true, + round: true, + handler: () => { + /* just closes */ + }, + }, + ], }); } else { console.error("user '" + this.user?.username + "' logged out"); @@ -73,9 +87,23 @@ export const useUserStore = defineStore('user', { $q?.notify({ message: err, color: 'orange', - position: 'bottom-right', + position: 'top-left', icon: 'warning', timeout: 5000, + attrs: { + style: 'margin-top: 50px', + }, + actions: [ + { + icon: 'close', + color: 'white', + dense: true, + round: true, + handler: () => { + /* just closes */ + }, + }, + ], }); } else { console.error("user '" + this.user?.username + "' logged out");