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" type="email"
:state="validated ? valid : false" :state="validated ? valid : false"
trim trim
class="email-form-input"
></b-form-input> ></b-form-input>
<b-form-invalid-feedback v-bind="ariaMsg"> <b-form-invalid-feedback v-bind="ariaMsg">
{{ errors[0] }} {{ errors[0] }}
@ -60,12 +59,3 @@ export default {
}, },
} }
</script> </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"> <ul class="nav align-items-center d-md-none">
<div class="media align-items-center"> <div class="media align-items-center">
<span class="avatar avatar-sm"> <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> </span>
</div> </div>
</ul> </ul>