jsnbuchanan/crowd-funder-for-time-pwa
1
0
Fork 1
forked from trent_larson/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

Make the visibility of the Alert indirect

Browse Source
This commit is contained in:
Matthew Raymer
2023-07-04 19:26:05 +08:00
parent 0fd4b86a84
commit c24022c41c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/AlertMessage.vue
View File

@@ -18,15 +18,15 @@ import { Component, Prop, Vue } from "vue-facing-decorator";
export default class AlertMessage extends Vue { export default class AlertMessage extends Vue {
@Prop alertTitle = ""; @Prop alertTitle = "";
@Prop alertMessage = ""; @Prop alertMessage = "";
isAlertVisible = this.alertMessage;
public onClickClose() { public onClickClose() {
this.alertTitle = ""; this.isAlertVisible = false;
this.alertMessage = "";
} }
public computedAlertClassNames() { public computedAlertClassNames() {
return { return {
hidden: !this.alertMessage, hidden: !this.isAlertVisible,
"dismissable-alert": true, "dismissable-alert": true,
"bg-slate-100": true, "bg-slate-100": true,
"p-5": true, "p-5": true,