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
88 lines
2.5 KiB
CSS
88 lines
2.5 KiB
CSS
/* ═══════════════════════════════════════════
|
|
MIUIX CONSOLE — Popover Component
|
|
═══════════════════════════════════════════ */
|
|
|
|
.mx-popover-wrap{position:relative;display:inline-flex}
|
|
|
|
.mx-popover{
|
|
position:absolute;z-index:600;
|
|
min-width:180px;
|
|
background:var(--mx-s4);
|
|
border:1px solid var(--mx-divider);
|
|
border-radius:var(--mx-r-sm);
|
|
box-shadow:var(--mx-sh3);
|
|
padding:6px;
|
|
opacity:0;visibility:hidden;
|
|
transform:scale(0.95) translateY(-4px);
|
|
transform-origin:top center;
|
|
transition:all var(--mx-d2) var(--mx-spring);
|
|
pointer-events:none;
|
|
}
|
|
.mx-popover.open{
|
|
opacity:1;visibility:visible;
|
|
transform:scale(1) translateY(0);
|
|
pointer-events:auto;
|
|
}
|
|
|
|
/* Position: bottom */
|
|
.mx-popover-bottom{
|
|
top:calc(100% + 6px);left:50%;
|
|
transform:translateX(-50%) scale(0.95) translateY(-4px);
|
|
transform-origin:top center;
|
|
}
|
|
.mx-popover-bottom.open{
|
|
transform:translateX(-50%) scale(1) translateY(0);
|
|
}
|
|
|
|
/* Position: left */
|
|
.mx-popover-left{
|
|
right:calc(100% + 6px);top:50%;
|
|
transform:translateY(-50%) scale(0.95) translateX(4px);
|
|
transform-origin:center right;
|
|
}
|
|
.mx-popover-left.open{
|
|
transform:translateY(-50%) scale(1) translateX(0);
|
|
}
|
|
|
|
/* Position: right */
|
|
.mx-popover-right{
|
|
left:calc(100% + 6px);top:50%;
|
|
transform:translateY(-50%) scale(0.95) translateX(-4px);
|
|
transform-origin:center left;
|
|
}
|
|
.mx-popover-right.open{
|
|
transform:translateY(-50%) scale(1) translateX(0);
|
|
}
|
|
|
|
/* Item */
|
|
.mx-popover-item{
|
|
display:flex;align-items:center;gap:8px;
|
|
padding:8px 10px;border-radius:var(--mx-r-xs);
|
|
font-size:13px;font-weight:500;
|
|
cursor:pointer;color:var(--mx-text);
|
|
transition:all var(--mx-d1) var(--mx-ease);
|
|
}
|
|
.mx-popover-item:hover{background:var(--mx-s-hover)}
|
|
.mx-popover-item:active{background:var(--mx-s-active);transform:scale(0.98)}
|
|
.mx-popover-item svg{flex-shrink:0;color:var(--mx-t2)}
|
|
|
|
/* Divider */
|
|
.mx-popover-divider{
|
|
height:1px;background:var(--mx-divider);
|
|
margin:4px 0;
|
|
}
|
|
|
|
/* Danger item */
|
|
.mx-popover-item.danger{color:var(--mx-red)}
|
|
.mx-popover-item.danger svg{color:var(--mx-red)}
|
|
|
|
/* Mobile: 底部弹出 + 加大触控 */
|
|
@media(max-width:767px){
|
|
.mx-popover-item{padding:12px 14px;min-height:44px;font-size:14px}
|
|
}
|
|
|
|
/* ═══ DARK MODE INNER GLOW — unified with Card/Stat ═══ */
|
|
[data-theme="dark"] .mx-popover{
|
|
box-shadow:var(--mx-sh3),inset 0 1px 0 rgba(255,255,255,0.04);
|
|
}
|