knowyt/client/src/components/AlertBox.vue

<template>
    <div class="alert__container">
        <div class="alert__box">
            <slot />
        </div>
    </div>
</template>

<script setup>
</script>

<style lang="scss">
@import '~/assets/css/components';

.alert {
    &__container {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        width: 100%;
        height: 100%;
        z-index: 100;
    }

    &__box {
        width: auto;
        margin: 2em auto auto auto;
        padding: 2em;
        border: $alert-border;
        border-radius: 10px;
        background-color: $alert-background-color;
        font-size: 24px;
    }
}
</style>