mirror of
https://github.com/Sebclem/hassio-nextcloud-backup.git
synced 2024-09-12 00:39:06 +02:00
Fix alert view
This commit is contained in:
parent
049beb53b8
commit
2c03791db5
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user