aurora-admin
7e3d442dab
P7: tests/_behaviors.js新建（8动词+@input/@doc定位+同步pump+page-load
幂等缓存）; _runtime聚合+重载清缓存; _template引入; 6演示页标注;
79测试页重生成。关键修：runner兜底重跑致行为二轮误报，加缓存解决。
P8: tools/migrate-rtl.mjs新建（白名单dry-run/--write）; 28个CSS转逻辑
属性；物理清零（排除auto/拼接/居中14处人工例外）；三页RTL零溢出。
回归：100%（79/79页，1009/1009断言，N/A 35）。
21 lines
2.3 KiB
CSS
21 lines
2.3 KiB
CSS
/* Aurora Admin ConfirmModal 样式 — 对齐 组件7.txt ConfirmModal：危险操作确认弹窗，确认(红/主)/取消，可加载、可不再提示 */
|
|
|
|
.aa-modal-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 2000; display: flex; align-items: center; justify-content: center; }
|
|
.aa-confirm { width: 400px; max-width: 90vw; background: var(--au-color-card-bg); border-radius: 8px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.18);
|
|
font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-confirm-head { display: flex; gap: 12px; align-items: flex-start; }
|
|
.aa-confirm-icon { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; color: var(--au-color-text-inverse); font-size: 13px; text-align: center; line-height: 22px; margin-top: 1px; }
|
|
.aa-confirm.is-danger .aa-confirm-icon { background: var(--au-color-error); }
|
|
.aa-confirm.is-primary .aa-confirm-icon { background: var(--au-color-brand); }
|
|
.aa-confirm-title { font-size: 16px; font-weight: 500; color: var(--au-color-text-title); }
|
|
.aa-confirm-content { font-size: 14px; color: var(--au-color-text-tertiary); margin-top: 6px; margin-inline-start: 34px; line-height: 1.6; }
|
|
.aa-confirm-extra { margin: 10px 0 0 34px; font-size: 13px; color: var(--au-color-text-secondary); display: flex; align-items: center; gap: 6px; }
|
|
.aa-confirm-footer { margin-top: 20px; display: flex; justify-content: flex-end; gap: 8px; }
|
|
.aa-confirm-btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid var(--au-color-border); background: var(--au-color-card-bg); color: var(--au-color-text-body); cursor: pointer; font-size: 14px; }
|
|
.aa-confirm-btn:hover { border-color: #C9D4F2; color: var(--au-color-brand); }
|
|
.aa-confirm-btn.primary { background: var(--au-color-brand); border-color: var(--au-color-brand); color: var(--au-color-text-inverse); }
|
|
.aa-confirm-btn.primary:hover { background: var(--au-color-brand-hover); color: var(--au-color-text-inverse); }
|
|
.aa-confirm-btn.danger { background: var(--au-color-error); border-color: var(--au-color-error); color: var(--au-color-text-inverse); }
|
|
.aa-confirm-btn.danger:hover { background: var(--au-color-error); color: var(--au-color-text-inverse); }
|
|
.aa-confirm-btn:disabled { opacity: .6; cursor: not-allowed; }
|