Use toast not alert for bingo genearte msg.
This commit is contained in:
@@ -1,14 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<banner :routes="routes"/>
|
<banner :routes="routes" />
|
||||||
<router-view />
|
<router-view />
|
||||||
<Footer />
|
<Footer />
|
||||||
<UpdateToast
|
<UpdateToast v-if="showToast" :text="toastText" :refreshButton="refreshToast" v-on:closeToast="closeToast" />
|
||||||
v-if="showToast"
|
|
||||||
:text="toastText"
|
|
||||||
:refreshButton="refreshToast"
|
|
||||||
v-on:closeToast="closeToast"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -99,7 +94,7 @@ body {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 80px auto 100px;
|
grid-template-rows: 80px auto 100px;
|
||||||
|
|
||||||
.main-container{
|
.main-container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -102,7 +102,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (new Set(this.colors).size == 1) {
|
if (new Set(this.colors).size == 1) {
|
||||||
alert("BINGO");
|
this.$toast.info({ title: "BINGO" });
|
||||||
}
|
}
|
||||||
|
|
||||||
this.emitColors();
|
this.emitColors();
|
||||||
|
|||||||
Reference in New Issue
Block a user