35 lines
625 B
Vue
35 lines
625 B
Vue
<script setup>
|
|
defineProps({
|
|
text: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div class="card-info card-empty">
|
|
<img src="/images/logo.png" alt="logo" class="img-empty">
|
|
|
|
<p class="message">{{ text }}</p>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
.card-empty {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.img-empty {
|
|
width: 200px;
|
|
}
|
|
|
|
.message {
|
|
margin-top: 2rem;
|
|
font-size: 1.4rem;
|
|
color: #323032;
|
|
font-weight: 500;
|
|
}
|
|
</style> |