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
94 lines
2.4 KiB
CSS
94 lines
2.4 KiB
CSS
/* ═══════════════════════════════════════════
|
|
MIUIX CONSOLE — Drawer / Side Panel Component
|
|
═══════════════════════════════════════════ */
|
|
|
|
/* Overlay */
|
|
.mx-drawer-overlay{
|
|
position:fixed;inset:0;z-index:900;
|
|
background:var(--mx-window-dim);
|
|
opacity:0;visibility:hidden;
|
|
transition:opacity var(--mx-d2) var(--mx-ease),
|
|
visibility var(--mx-d2);
|
|
}
|
|
.mx-drawer-overlay.open{opacity:1;visibility:visible}
|
|
|
|
/* Drawer */
|
|
.mx-drawer{
|
|
position:fixed;top:0;z-index:950;
|
|
width:320px;height:100dvh;
|
|
background:var(--mx-s1);
|
|
box-shadow:var(--mx-sh3);
|
|
display:flex;flex-direction:column;
|
|
transition:transform var(--mx-d3) var(--mx-spring);
|
|
}
|
|
|
|
/* Position: right (default) */
|
|
.mx-drawer-right{
|
|
right:0;
|
|
transform:translateX(100%);
|
|
}
|
|
.mx-drawer-right.open{transform:translateX(0)}
|
|
|
|
/* Position: left */
|
|
.mx-drawer-left{
|
|
left:0;
|
|
transform:translateX(-100%);
|
|
}
|
|
.mx-drawer-left.open{transform:translateX(0)}
|
|
|
|
/* Size variants */
|
|
.mx-drawer-sm{width:280px}
|
|
.mx-drawer-lg{width:420px}
|
|
@media(min-width:1024px){
|
|
.mx-drawer-xl{width:560px}
|
|
}
|
|
|
|
/* Header */
|
|
.mx-drawer-head{
|
|
display:flex;align-items:center;justify-content:space-between;
|
|
padding:16px 20px;
|
|
border-bottom:1px solid var(--mx-divider);
|
|
flex-shrink:0;
|
|
}
|
|
.mx-drawer-title{font-size:15px;font-weight:700}
|
|
.mx-drawer-close{
|
|
width:28px;height:28px;
|
|
display:flex;align-items:center;justify-content:center;
|
|
border-radius:var(--mx-r-xs);
|
|
cursor:pointer;color:var(--mx-t3);
|
|
transition:all var(--mx-d1);
|
|
}
|
|
.mx-drawer-close:hover{background:var(--mx-s-hover);color:var(--mx-text)}
|
|
|
|
/* Body */
|
|
.mx-drawer-body{
|
|
flex:1;overflow-y:auto;padding:20px;
|
|
font-size:14px;line-height:1.6;
|
|
}
|
|
|
|
/* Footer */
|
|
.mx-drawer-foot{
|
|
display:flex;align-items:center;justify-content:flex-end;gap:8px;
|
|
padding:12px 20px;
|
|
border-top:1px solid var(--mx-divider);
|
|
flex-shrink:0;
|
|
}
|
|
|
|
/* Full width on mobile */
|
|
@media(max-width:767px){
|
|
.mx-drawer{width:100%}
|
|
.mx-drawer-sm,.mx-drawer-lg,.mx-drawer-xl{width:100%}
|
|
}
|
|
|
|
/* Tablet */
|
|
@media(min-width:768px) and (max-width:1023px){
|
|
.mx-drawer{width:360px}
|
|
.mx-drawer-sm{width:300px}
|
|
.mx-drawer-lg{width:420px}
|
|
}
|
|
|
|
/* ═══ DARK MODE INNER GLOW — unified with Card/Stat ═══ */
|
|
[data-theme="dark"] .mx-drawer{
|
|
box-shadow:var(--mx-sh3),inset 0 1px 0 rgba(255,255,255,0.04);
|
|
}
|