2FAuth/resources/js/components/FormWrapper.vue
2020-01-28 15:33:33 +01:00

47 lines
1.1 KiB
Vue

<template>
<div class="columns is-centered">
<div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
<h1 class="title" v-html="title"></h1>
<slot />
<p v-if="showTag">
<span class="tag is-danger" v-if="fail" v-html="fail" />
<span class="tag is-success" v-if="success" v-html="success" />
</p>
</div>
</div>
</template>
<script>
export default {
name: 'FormWrapper',
data() {
return {
}
},
computed: {
showTag: function() {
return (this.fail || this.success) ? true : false
}
},
props: {
title: {
type: String,
default: ''
},
fail: {
type: String,
default: ''
},
success: {
type: String,
default: ''
},
}
}
</script>