frontend: Notification: Support success and danger state

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/frontend/src/components/Notification.vue b/frontend/src/components/Notification.vue
index 563799cecbd191d599eed2e0fff50cb0079c0517..4185567cadc6983190d666e276a2f826c9af3e56 100644 (file)
--- a/frontend/src/components/Notification.vue
+++ b/frontend/src/components/Notification.vue
@@ -3,6 +3,8 @@
 
        defineProps<{
                title?: string,
+               isSuccess?: boolean,
+               isDanger?: boolean,
                isClosable?: boolean,
        }>()
 
@@ -11,7 +13,7 @@
 </script>
 
 <template>
-       <div class="notification" v-if="show">
+       <div class="notification" v-if="show" :class="{ 'is-success' : isSuccess, 'is-danger' : isDanger }">
                <button v-if="isClosable" class="delete" @click="show = false"></button>
 
                <!-- Title -->