feat: 实现全局响应式布局,适配不同设备、不同屏幕、不同分辨率
- 统一断点体系:560px(手机)、900px(平板)、1180px(小桌面) - Shell导航:900px底部导航条、560px紧凑布局、顶栏触控优化 - 电商页面:三栏布局在平板/手机下改为单栏堆叠+横向标签切换 - 工作台:启动页编辑器全宽、消息气泡适配窄屏、建议标签换行 - 画布页面:工具栏横向滚动、节点缩小、手机全屏操作 - 社区/资产库/工具页/数字人等全部17个页面补齐响应式断点 - 新增32条@media规则,媒体查询从107条增至139条
This commit is contained in:
@@ -163,4 +163,41 @@
|
||||
|
||||
.provider-health-table tr:hover td {
|
||||
background: var(--surface-elevated);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.provider-health-page__inner {
|
||||
padding: 16px;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.provider-health-grid {
|
||||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.provider-health-page__inner {
|
||||
padding: 12px 12px 80px;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.provider-health-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.provider-health-toolbar {
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.provider-health-table {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.provider-health-table th,
|
||||
.provider-health-table td {
|
||||
padding: 6px 8px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user