modify style when logging in

This commit is contained in:
MaysWind
2025-10-25 00:34:16 +08:00
parent f6d03bf5df
commit 2fc5e91cc4
2 changed files with 11 additions and 7 deletions
+5 -3
View File
@@ -88,12 +88,14 @@
<v-col cols="12" class="py-0 mt-1 mb-4">
<div class="d-flex align-center justify-space-between flex-wrap">
<a href="javascript:void(0);" @click="showMobileQrCode = true">
<a href="javascript:void(0);"
:class="{ 'disabled': loggingInByPassword || loggingInByOAuth2 || verifying }"
@click="showMobileQrCode = true">
<span class="nav-item-title">{{ tt('Use on Mobile Device') }}</span>
</a>
<v-spacer/>
<router-link class="text-primary" to="/forgetpassword"
:class="{'disabled': !isUserForgetPasswordEnabled()}">
:class="{ 'disabled': !isUserForgetPasswordEnabled() || loggingInByPassword || loggingInByOAuth2 || verifying }">
{{ tt('Forget Password?') }}
</router-link>
</div>
@@ -127,7 +129,7 @@
<v-col cols="12" class="text-center text-base" v-if="isInternalAuthEnabled()">
<span class="me-1">{{ tt('Don\'t have an account?') }}</span>
<router-link class="text-primary" to="/signup"
:class="{'disabled': !isUserRegistrationEnabled()}">
:class="{ 'disabled': !isUserRegistrationEnabled() || loggingInByPassword || loggingInByOAuth2 || verifying }">
{{ tt('Create an account') }}
</router-link>
</v-col>
+6 -4
View File
@@ -14,6 +14,7 @@
type="text"
autocomplete="username"
clear-button
:disabled="loggingInByPassword || loggingInByOAuth2"
:label="tt('Username')"
:placeholder="tt('Your username or email')"
v-model:value="username"
@@ -23,6 +24,7 @@
type="password"
autocomplete="current-password"
clear-button
:disabled="loggingInByPassword || loggingInByOAuth2"
:label="tt('Password')"
:placeholder="tt('Your password')"
v-model:value="password"
@@ -35,12 +37,12 @@
<f7-list-item>
<template #title>
<small>
<f7-link external :href="getDesktopVersionPath()">{{ tt('Switch to Desktop Version') }}</f7-link>
<f7-link external :class="{ 'disabled': loggingInByPassword || loggingInByOAuth2 }" :href="getDesktopVersionPath()">{{ tt('Switch to Desktop Version') }}</f7-link>
</small>
</template>
<template #after>
<small>
<f7-link :class="{'disabled': !isUserForgetPasswordEnabled()}" @click="forgetPasswordEmail = ''; showForgetPasswordSheet = true">{{ tt('Forget Password?') }}</f7-link>
<f7-link :class="{ 'disabled': !isUserForgetPasswordEnabled() || loggingInByPassword || loggingInByOAuth2 }" @click="forgetPasswordEmail = ''; showForgetPasswordSheet = true">{{ tt('Forget Password?') }}</f7-link>
</small>
</template>
</f7-list-item>
@@ -58,13 +60,13 @@
@click="loggingInByOAuth2 = true" v-if="isOAuth2Enabled()"></f7-list-button>
<f7-block-footer v-if="isInternalAuthEnabled()">
<span>{{ tt('Don\'t have an account?') }}</span>&nbsp;
<f7-link :class="{'disabled': !isUserRegistrationEnabled()}" href="/signup" :text="tt('Create an account')"></f7-link>
<f7-link :class="{ 'disabled': !isUserRegistrationEnabled() || loggingInByPassword || loggingInByOAuth2 }" href="/signup" :text="tt('Create an account')"></f7-link>
</f7-block-footer>
<f7-block-footer class="padding-bottom">
</f7-block-footer>
</f7-list>
<language-select-button />
<language-select-button :disabled="loggingInByPassword || loggingInByOAuth2" />
<f7-list class="login-page-bottom">
<f7-block-footer>