style: adjust login page layout spacing and formatting for improved visual alignment

This commit is contained in:
jxxghp
2026-04-21 22:20:04 +08:00
parent 60495668a6
commit ba343ce5fa
+7 -7
View File
@@ -234,8 +234,8 @@ async function handlePassKeyAuth(
isConditional && conditionalAbortController isConditional && conditionalAbortController
? conditionalAbortController.signal ? conditionalAbortController.signal
: !isConditional && manualAbortController : !isConditional && manualAbortController
? manualAbortController.signal ? manualAbortController.signal
: undefined, : undefined,
}) })
await onSuccess(finishResponse) await onSuccess(finishResponse)
@@ -528,7 +528,7 @@ onUnmounted(() => {
<!-- 登录表单 --> <!-- 登录表单 -->
<div v-if="!mfaDialog" class="auth-wrapper d-flex align-center justify-center"> <div v-if="!mfaDialog" class="auth-wrapper d-flex align-center justify-center">
<VCard <VCard
class="auth-card px-7 py-3 w-full h-full" class="auth-card px-7 pt-3 w-full h-full"
:class="{ 'glass-effect': !isTransparentTheme }" :class="{ 'glass-effect': !isTransparentTheme }"
max-width="24rem" max-width="24rem"
border border
@@ -602,7 +602,7 @@ onUnmounted(() => {
@click:append-inner="isPasswordVisible = !isPasswordVisible" @click:append-inner="isPasswordVisible = !isPasswordVisible"
/> />
</VCol> </VCol>
<VCol cols="12"> <VCol cols="12" class="py-0">
<!-- remember me checkbox --> <!-- remember me checkbox -->
<div class="d-flex align-center justify-space-between flex-wrap"> <div class="d-flex align-center justify-space-between flex-wrap">
<VCheckbox v-model="form.remember" :label="t('login.stayLoggedIn')" required /> <VCheckbox v-model="form.remember" :label="t('login.stayLoggedIn')" required />
@@ -732,15 +732,15 @@ onUnmounted(() => {
&::before, &::before,
&::after { &::after {
content: '';
flex: 1; flex: 1;
border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
content: '';
} }
.or-divider-text { .or-divider-text {
padding-inline: 12px;
font-size: 0.8125rem;
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
font-size: 0.8125rem;
padding-inline: 12px;
white-space: nowrap; white-space: nowrap;
} }
} }