diff --git a/ry-vue3/src/views/manager/Workbench.vue b/ry-vue3/src/views/manager/Workbench.vue index 3a79ae5..45d2557 100644 --- a/ry-vue3/src/views/manager/Workbench.vue +++ b/ry-vue3/src/views/manager/Workbench.vue @@ -121,4 +121,28 @@ onMounted(() => { loadStats() }) } .more { font-size: 12px; color: var(--brand-primary); text-decoration: none; cursor: pointer; } .more:hover { text-decoration: underline; } + +/* 移动端适配 (≤768px): 5 个 KPI 卡 5 列 → 2 列 + 字号缩小 + 卡片 padding 收窄 */ +@media (max-width: 768px) { + .manager-workbench { padding: 12px !important; } + .breadcrumb { font-size: 12px !important; margin-bottom: 8px !important; } + .stats-grid { + grid-template-columns: repeat(2, 1fr) !important; + gap: 10px !important; + margin-bottom: 12px !important; + } + .stat-card { + padding: 16px 12px !important; + min-height: 90px !important; + } + .stat-label { + font-size: 12px !important; + margin-bottom: 8px !important; + } + .stat-value { font-size: 24px !important; } + + /* 消息通知卡片 padding 收窄 */ + .section { padding: 14px 16px !important; } + .section-title { font-size: 14px !important; margin-bottom: 12px !important; } +}