35 lines
627 B
Vue
35 lines
627 B
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%;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__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>
|