feat(ui): 移动端适配优化 (logs, users)

- logs.html: 移动端控制栏垂直布局，日志卡片优化 - users.html: 新增移动端用户卡片列表，隐藏表格 - 统一小屏幕字体和间距
2026-04-27 19:36:03 +08:00
parent 33133430f8
commit 54c84b6681
2 changed files with 45 additions and 1 deletions
@@ -29,6 +29,15 @@
            .mobile-nav { display: flex; }
            .content-area { padding: 16px; padding-bottom: 80px; }
        }
+
+        /* logs.html 移动端优化 */
+        @media (max-width: 768px) {
+            .log-controls { flex-direction: column; gap: 8px; }
+            .log-controls .el-select, .log-controls .el-date-picker { width: 100% !important; }
+            .el-card { margin: 0 -16px; border-radius: 0; min-height: calc(100vh - 180px); }
+            .el-card .el-card__body { padding: 12px; }
+            pre { font-size: 11px; line-height: 1.4; }
+        }
    </style>
 </head>
 <body>