fix(web/route): 解决移动端列表与空状态卡片重叠问题
1. 修复移动端下由于 .management-sidebar 高度受限导致内容溢出、与下方主面板重叠的布局 bug。 2. 将 .management-sidebar 高度锁定在最大 40vh 并限制内部 .card 溢出,同时保持线路列表自身的内部滚动,优化了上下排布时的展示效果。 3. 当移动端未选中任何线路时,直接隐藏掉右侧面板(.management-main.is-empty),避免多余的“选择左侧线路”空状态卡片挤占宝贵的手机屏幕空间。 4. 修复了桌面端误显移动端专属提示文本的问题。
This commit is contained in:
+19
-2
@@ -477,6 +477,9 @@ tr:hover td {
|
||||
.mobile-only {
|
||||
display: none;
|
||||
}
|
||||
.mobile-only-inline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 980px) {
|
||||
:root { --sidebar-width: 260px; }
|
||||
@@ -4749,11 +4752,25 @@ body.jr-admin-login-page {
|
||||
}
|
||||
.jr-admin-route-page .management-sidebar {
|
||||
width: 100%;
|
||||
max-height: 380px;
|
||||
height: 380px;
|
||||
max-height: 40vh;
|
||||
}
|
||||
.jr-admin-route-page .management-sidebar .card {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.jr-admin-route-page .management-main {
|
||||
overflow: visible;
|
||||
min-height: 400px;
|
||||
min-height: auto;
|
||||
}
|
||||
.jr-admin-route-page .management-main.is-empty {
|
||||
display: none !important;
|
||||
}
|
||||
.desktop-only {
|
||||
display: none !important;
|
||||
}
|
||||
.mobile-only-inline {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.jr-admin-route-page .editor-toolbar {
|
||||
|
||||
Reference in New Issue
Block a user