perf: 优化小屏幕登录页

This commit is contained in:
kuaifan 2024-11-18 12:04:05 +08:00
parent d0b54ab27c
commit 11ea2d3697
3 changed files with 44 additions and 3 deletions

View File

@ -1,7 +1,6 @@
<template> <template>
<div class="common-right-bottom"> <div class="common-right-bottom">
<div v-if="showSSO" class="common-right-bottom-link" @click="useSSOLogin"> <div v-if="showSSO" class="common-right-bottom-link" @click="useSSOLogin">
<Icon type="ios-globe-outline"/>
{{ $L('使用 SSO 登录') }} {{ $L('使用 SSO 登录') }}
</div> </div>
<template v-if="showDown"> <template v-if="showDown">

View File

@ -82,9 +82,22 @@ body.window-portrait {
} }
} }
} }
@media screen and (max-height: 720px) {
.common-right-bottom {
.common-right-bottom-link {
line-height: 24px;
height: 24px;
}
}
body.window-portrait {
.common-right-bottom {
bottom: 16px;
}
}
}
@media (max-height: 640px) { @media (max-height: 600px) {
.common-right-bottom { .common-right-bottom {
display: none; display: none;
} }
} }

View File

@ -298,3 +298,32 @@ body.window-portrait {
} }
} }
} }
@media screen and (max-height: 720px) {
.page-login {
.login-body {
.login-box {
.login-title {
margin-top: 16px;
}
.login-access {
> * {
margin-top: 14px;
}
}
}
}
}
body.window-portrait {
.page-login {
.login-body {
.login-box {
.login-access {
margin-top: 12px;
margin-bottom: 12px;
}
}
}
}
}
}