diff options
Diffstat (limited to 'core/src/components/login/ResetPassword.vue')
-rw-r--r-- | core/src/components/login/ResetPassword.vue | 30 |
1 files changed, 20 insertions, 10 deletions
diff --git a/core/src/components/login/ResetPassword.vue b/core/src/components/login/ResetPassword.vue index d3670f1f163..72ad7ebd812 100644 --- a/core/src/components/login/ResetPassword.vue +++ b/core/src/components/login/ResetPassword.vue @@ -20,21 +20,20 @@ --> <template> - <form @submit.prevent="submit" class="login-form"> + <form class="login-form" @submit.prevent="submit"> <fieldset class="login-form__fieldset"> <NcTextField id="user" :value.sync="user" name="user" autocapitalize="off" - :label="t('core', 'Username or email')" - :labelVisible="true" + :label="t('core', 'Account name or email')" + :label-visible="true" required @change="updateUsername" /> - <!--<?php p($_['user_autofocus'] ? 'autofocus' : ''); ?> + <!--<?php p($_['user_autofocus'] ? 'autofocus' : ''); ?> autocomplete="<?php p($_['login_form_autocomplete']); ?>" autocapitalize="none" autocorrect="off"--> - <div id="reset-password-wrapper"> - <LoginButton :value="t('core', 'Reset password')" /> - </div> + <LoginButton :value="t('core', 'Reset password')" /> + <NcNoteCard v-if="message === 'send-success'" type="success"> {{ t('core', 'A password reset message has been sent to the email address of this account. If you do not receive it, check your spam/junk folders or ask your local administrator for help.') }} @@ -50,7 +49,8 @@ {{ t('core', 'Password cannot be changed. Please contact your administrator.') }} </NcNoteCard> - <a href="#" + <a class="login-form__link" + href="#" @click.prevent="$emit('abort')"> {{ t('core', 'Back to login') }} </a> @@ -130,7 +130,7 @@ export default { } </script> -<style scoped> +<style lang="scss" scoped> .login-form { text-align: left; font-size: 1rem; @@ -139,7 +139,17 @@ export default { width: 100%; display: flex; flex-direction: column; - gap: 1rem; + gap: .5rem; + } + + &__link { + display: block; + font-weight: normal !important; + padding-bottom: 1rem; + cursor: pointer; + font-size: var(--default-font-size); + text-align: center; + padding: .5rem 1rem 1rem 1rem; } } </style> |