remove unused class/css, check that email is present before rendering qrcode

This commit is contained in:
Moriz Wahl 2021-08-04 17:22:28 +02:00
parent 212b567662
commit dcf3b78b95
2 changed files with 5 additions and 11 deletions

View File

@ -15,7 +15,6 @@
type="email"
:state="validated ? valid : false"
trim
class="email-form-input"
></b-form-input>
<b-form-invalid-feedback v-bind="ariaMsg">
{{ errors[0] }}
@ -60,12 +59,3 @@ export default {
},
}
</script>
<style>
.email-form-input {
border-right-style: solid !important;
border-right-width: 1px !important;
padding-right: 12px !important;
border-top-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
}
</style>

View File

@ -16,7 +16,11 @@
<ul class="nav align-items-center d-md-none">
<div class="media align-items-center">
<span class="avatar avatar-sm">
<vue-qrcode :value="$store.state.email" type="image/png"></vue-qrcode>
<vue-qrcode
v-if="$store.state.email"
:value="$store.state.email"
type="image/png"
></vue-qrcode>
</span>
</div>
</ul>