2021-08-15 17:42:11 +02:00
|
|
|
<template>
|
|
|
|
<div class="alert-message">
|
2021-10-20 17:38:25 +02:00
|
|
|
<div v-html="$t(message)" />
|
2021-08-15 17:42:11 +02:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
2021-11-10 21:19:27 +01:00
|
|
|
<script setup lang="ts">
|
|
|
|
import { toRefs } from 'vue'
|
|
|
|
const props = defineProps<{
|
|
|
|
message: string
|
|
|
|
}>()
|
|
|
|
const { message } = toRefs(props)
|
2021-08-15 17:42:11 +02:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
2021-11-29 11:23:21 +01:00
|
|
|
@import '~@/scss/vars.scss';
|
2021-08-15 17:42:11 +02:00
|
|
|
.alert-message {
|
|
|
|
background: var(--alert-background-color);
|
|
|
|
color: var(--alert-color);
|
|
|
|
|
2021-08-18 17:13:54 +02:00
|
|
|
border-radius: $border-radius;
|
2021-08-15 17:42:11 +02:00
|
|
|
|
|
|
|
margin: $default-margin;
|
|
|
|
padding: $default-padding;
|
|
|
|
}
|
|
|
|
</style>
|