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>
<div class="common-right-bottom">
<div v-if="showSSO" class="common-right-bottom-link" @click="useSSOLogin">
<Icon type="ios-globe-outline"/>
{{ $L('使用 SSO 登录') }}
</div>
<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 {
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;
}
}
}
}
}
}