github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 19:29:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: support mobile layout adaptation

Browse Source
This commit is contained in:
vben
2020-12-15 14:59:22 +08:00
parent 683d1f52ca
commit c774a6d3a0
35 changed files with 586 additions and 627 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/sys/lock/LockPage.vue
View File

@@ -221,25 +221,35 @@
font-size: 23em;
}
@media (min-width: @screen-sm-max) and (max-width: @screen-md-max) {
font-size: 19em;
height: 50%;
font-size: 12em;
border-radius: 10px;
.meridiem {
font-size: 20px;
}
}
@media (min-width: @screen-xs-max) and (max-width: @screen-sm-max) {
font-size: 13em;
}
@media (max-width: @screen-xs) {
height: 50%;
font-size: 6em;
border-radius: 20px;
height: 30%;
font-size: 5em;
border-radius: 10px;
.meridiem {
font-size: 14px;
}
}
}
&__footer-date {
position: absolute;
bottom: 20px;
left: 50%;
width: 100%;
font-family: helvetica;
color: #bababa;
transform: translate(-50%, 0);
text-align: center;
.time {
font-size: 50px;