Fix password input alignment

This commit is contained in:
Lukas Hirt
2020-09-09 12:30:21 +02:00
parent 1965469ae6
commit 0a6f502037

View File

@@ -20,18 +20,20 @@
@input="checkEmail"
/>
</label>
<label class="uk-flex uk-flex-middle">
<oc-text-input
:type="passwordInputType"
v-model="password"
:error-message="passwordError"
:placeholder="$gettext('Password')"
class="uk-margin-xsmall-right"
@input="checkPassword"
/>
<oc-button variation="raw" :aria-label="$gettext('Display password')" @click="togglePasswordVisibility">
<oc-icon name="remove_red_eye" aria-hidden="true" size="small" />
</oc-button>
<label>
<div class="uk-flex uk-flex-middle">
<oc-text-input
:type="passwordInputType"
v-model="password"
:error-message="passwordError"
:placeholder="$gettext('Password')"
class="uk-margin-xsmall-right"
@input="checkPassword"
/>
<oc-button variation="raw" :aria-label="$gettext('Display password')" @click="togglePasswordVisibility">
<oc-icon name="remove_red_eye" aria-hidden="true" size="small" />
</oc-button>
</div>
</label>
<div>
<oc-button v-text="$gettext('Cancel')" @click="emitCancel" class="uk-margin-xsmall-right" />