Improve mobile login and password reset view

This commit is contained in:
Johannes Zellner
2025-04-02 17:07:44 +02:00
parent f89c0bb07c
commit 05705be7c3
3 changed files with 37 additions and 49 deletions

View File

@@ -123,8 +123,10 @@ onMounted(async () => {
<TextInput id="inputPasswordResetIdentifier" name="passwordResetIdentifier" v-model="passwordResetIdentifier" :disabled="busy" autofocus required />
</FormGroup>
<Button style="margin-top: 12px" @click="onPasswordReset()" :disabled="busy || !passwordResetIdentifier" :loading="busy">{{ $t('passwordReset.resetAction') }}</Button>
<a href="/" style="margin-left: 10px;">{{ $t('passwordReset.backToLoginAction') }}</a>
<div class="public-page-layout-button-bar">
<Button @click="onPasswordReset()" :disabled="busy || !passwordResetIdentifier" :loading="busy">{{ $t('passwordReset.resetAction') }}</Button>
<a href="/">{{ $t('passwordReset.backToLoginAction') }}</a>
</div>
</form>
</div>
@@ -161,8 +163,10 @@ onMounted(async () => {
<p class="has-error" v-if="error.totpToken">{{ error.totpToken }}</p>
</FormGroup>
<Button style="margin-top: 12px" @click="onNewPassword()" :disabled="busy || !newPassword || newPassword !== newPasswordRepeat" :loading="busy">{{ $t('passwordReset.passwordChanged.submitAction') }}</Button>
<a href="/" style="margin-left: 10px;">{{ $t('passwordReset.backToLoginAction') }}</a>
<div class="public-page-layout-button-bar">
<Button @click="onNewPassword()" :disabled="busy || !newPassword || newPassword !== newPasswordRepeat" :loading="busy">{{ $t('passwordReset.passwordChanged.submitAction') }}</Button>
<a href="/">{{ $t('passwordReset.backToLoginAction') }}</a>
</div>
</form>
</div>