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"> <v-col cols="12" class="py-0 mt-1 mb-4">
<div class="d-flex align-center justify-space-between flex-wrap"> <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> <span class="nav-item-title">{{ tt('Use on Mobile Device') }}</span>
</a> </a>
<v-spacer/> <v-spacer/>
<router-link class="text-primary" to="/forgetpassword" <router-link class="text-primary" to="/forgetpassword"
:class="{'disabled': !isUserForgetPasswordEnabled()}"> :class="{ 'disabled': !isUserForgetPasswordEnabled() || loggingInByPassword || loggingInByOAuth2 || verifying }">
{{ tt('Forget Password?') }} {{ tt('Forget Password?') }}
</router-link> </router-link>
</div> </div>
@@ -127,7 +129,7 @@
<v-col cols="12" class="text-center text-base" v-if="isInternalAuthEnabled()"> <v-col cols="12" class="text-center text-base" v-if="isInternalAuthEnabled()">
<span class="me-1">{{ tt('Don\'t have an account?') }}</span> <span class="me-1">{{ tt('Don\'t have an account?') }}</span>
<router-link class="text-primary" to="/signup" <router-link class="text-primary" to="/signup"
:class="{'disabled': !isUserRegistrationEnabled()}"> :class="{ 'disabled': !isUserRegistrationEnabled() || loggingInByPassword || loggingInByOAuth2 || verifying }">
{{ tt('Create an account') }} {{ tt('Create an account') }}
</router-link> </router-link>
</v-col> </v-col>
+6 -4
View File
@@ -14,6 +14,7 @@
type="text" type="text"
autocomplete="username" autocomplete="username"
clear-button clear-button
:disabled="loggingInByPassword || loggingInByOAuth2"
:label="tt('Username')" :label="tt('Username')"
:placeholder="tt('Your username or email')" :placeholder="tt('Your username or email')"
v-model:value="username" v-model:value="username"
@@ -23,6 +24,7 @@
type="password" type="password"
autocomplete="current-password" autocomplete="current-password"
clear-button clear-button
:disabled="loggingInByPassword || loggingInByOAuth2"
:label="tt('Password')" :label="tt('Password')"
:placeholder="tt('Your password')" :placeholder="tt('Your password')"
v-model:value="password" v-model:value="password"
@@ -35,12 +37,12 @@
<f7-list-item> <f7-list-item>
<template #title> <template #title>
<small> <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> </small>
</template> </template>
<template #after> <template #after>
<small> <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> </small>
</template> </template>
</f7-list-item> </f7-list-item>
@@ -58,13 +60,13 @@
@click="loggingInByOAuth2 = true" v-if="isOAuth2Enabled()"></f7-list-button> @click="loggingInByOAuth2 = true" v-if="isOAuth2Enabled()"></f7-list-button>
<f7-block-footer v-if="isInternalAuthEnabled()"> <f7-block-footer v-if="isInternalAuthEnabled()">
<span>{{ tt('Don\'t have an account?') }}</span>&nbsp; <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>
<f7-block-footer class="padding-bottom"> <f7-block-footer class="padding-bottom">
</f7-block-footer> </f7-block-footer>
</f7-list> </f7-list>
<language-select-button /> <language-select-button :disabled="loggingInByPassword || loggingInByOAuth2" />
<f7-list class="login-page-bottom"> <f7-list class="login-page-bottom">
<f7-block-footer> <f7-block-footer>