Fix alert view

This commit is contained in:
SebClem 2024-07-12 17:07:00 +02:00
parent c043f27f93
commit 5af1aa6fba
Signed by: sebclem
GPG Key ID: 5A4308F6A359EA50

View File

@ -1,6 +1,7 @@
<template>
<v-fade-transition>
<div id="alertContainer" v-if="alertVisible">
<div id="parent" v-if="alertVisible">
<div id="alertContainer">
<v-slide-x-transition group tag="div">
<v-alert
v-for="alert of alertList"
@ -31,6 +32,7 @@
</v-alert>
</v-slide-x-transition>
</div>
</div>
</v-fade-transition>
</template>
<script lang="ts" setup>
@ -45,11 +47,17 @@ const { alertList } = storeToRefs(alertStore);
const alertVisible = computed(() => alertList.value.length > 0);
</script>
<style>
#alertContainer {
#parent {
position: absolute;
top: 70px;
right: 20px;
z-index: 99999;
height: 100vh;
#alertContainer {
position: sticky;
top: 80px;
right: 20px;
}
}
</style>
@/store/alert