Imdroid/security-monitor
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: 适配手机显示

Browse Source
This commit is contained in:
fengyarnom 2025-06-13 18:00:08 +08:00
parent 694783cc23
commit 702b83ed25
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
sec-beidou/src/main/resources/templates/page/device_overview.html
View File

@ -49,6 +49,7 @@
.flex-row { .flex-row {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
flex-wrap: wrap;
} }
.flex-row > .layui-col-xs12, .flex-row > .layui-col-xs12,
.flex-row > .layui-col-md6 { .flex-row > .layui-col-md6 {
@ -111,6 +112,7 @@
border-radius: 3px; border-radius: 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
min-width: 220px; min-width: 220px;
margin-bottom: 1em;
} }
.map-control-card .title { .map-control-card .title {
font-size: 14px; font-size: 14px;
@ -159,6 +161,14 @@
margin-top: 0; margin-top: 0;
border-radius: 6px; border-radius: 6px;
} }
@media screen and (max-width: 768px) {
.map-control-card {
position: static;
display: block;
margin-bottom: 1em;
}
}
</style> </style>
<script src="https://cdn.jsdelivr.net/npm/ol@v10.5.0/dist/ol.js"></script> <script src="https://cdn.jsdelivr.net/npm/ol@v10.5.0/dist/ol.js"></script>