summaryrefslogtreecommitdiff
path: root/day9/task5_vue/src/components/PopupMessage.vue
blob: a905b4d5aaa8ae959ffa92fbc3ad2956c0fac25d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<template>
    <div ref="container" class="popupContainer">
        {{ message }}
    </div>
</template>

<script>
    export default {
        name: "PopupMessage",
        props: ['message'],
    }
</script>

<style scoped>
    .popupContainer {
        background-color: #00ff5e;
        padding: 30px;

        font-size: 30px;
        text-align: center;

        position: fixed;
        bottom: 0;

        left: 0;
        right: 0;
    }
</style>