AskaEth
bc8b1ee6c0
- M3 认证/权限/审计/限流 + 全部 REST 接口 - M4 管理面板（MIUIx + 成绩录入/积分榜下钻/大屏控制） - M5a 大屏页面（六页 + 明细覆盖层 + 缩放适配） - M6 WebSocket 实时同步中心 - M7 xlsx 导出 + 赛事包 zip + 备份 - 规则包 YAML 导入导出（差异预览） - 字体 vendor 子集化（4 套 x2 字重） - 集成：realtime/export/rules 接入 main+httpapi；backup 子命令 - 修复：中间件包装 ResponseWriter 丢失 Hijacker，导致 WS 握手 501
54 lines
2.0 KiB
CSS
54 lines
2.0 KiB
CSS
/* ═══════════════════════════════════════════
|
|
MIUIX CONSOLE — Activity List Component
|
|
═══════════════════════════════════════════ */
|
|
|
|
.mx-activity-item{
|
|
display:flex;align-items:flex-start;gap:12px;
|
|
padding:13px 0;
|
|
border-bottom:1px solid var(--mx-divider);
|
|
transition:all var(--mx-d1);
|
|
}
|
|
.mx-activity-item:last-child{border-bottom:none}
|
|
.mx-activity-item:active{
|
|
background:var(--mx-s-active);
|
|
margin:0 -16px;padding:13px 16px;border-radius:var(--mx-r-sm);
|
|
}
|
|
|
|
.mx-activity-dot{
|
|
width:8px;height:8px;border-radius:50%;
|
|
margin-top:6px;flex-shrink:0;
|
|
transition:transform var(--mx-d2) var(--mx-spring);
|
|
}
|
|
.mx-activity-item:hover .mx-activity-dot{transform:scale(1.5)}
|
|
|
|
.mx-activity-text{font-size:13px;line-height:1.5}
|
|
.mx-activity-text b{font-weight:600;color:var(--mx-text)}
|
|
.mx-activity-time{font-size:11px;color:var(--mx-t3);margin-top:3px}
|
|
|
|
/* ═══════════════════════════════════════════
|
|
MIUIX CONSOLE — Chart Bar Component
|
|
═══════════════════════════════════════════ */
|
|
|
|
.mx-chart{display:flex;align-items:flex-end;gap:5px;height:160px}
|
|
.mx-chart-bar-col{
|
|
flex:1;display:flex;flex-direction:column;
|
|
align-items:center;gap:6px;min-width:0;
|
|
}
|
|
.mx-chart-bar{
|
|
width:100%;border-radius:7px 7px 3px 3px;
|
|
background:var(--mx-primary);
|
|
transform-origin:bottom;
|
|
transition:filter var(--mx-d1),transform var(--mx-d1);
|
|
}
|
|
.mx-chart-bar.alt{background:var(--mx-s4)}
|
|
.mx-chart-bar:active{filter:brightness(1.2);transform:scaleY(1.04)}
|
|
|
|
.mx-chart-label{
|
|
font-size:10px;color:var(--mx-t3);
|
|
font-variant-numeric:tabular-nums;
|
|
}
|
|
|
|
/* Responsive chart height */
|
|
@media(min-width:768px){.mx-chart{height:180px}}
|
|
@media(min-width:1024px){.mx-chart{height:200px}}
|