17 lines
1.4 KiB
CSS
17 lines
1.4 KiB
CSS
/* Aurora Admin AlertModal 样式 — 对齐 组件7.txt AlertModal：信息提示弹窗，图标+颜色对应，确定按钮 */
|
|
|
|
.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-alert { width: 380px; max-width: 90vw; background: #fff; 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-alert-head { display: flex; gap: 12px; align-items: flex-start; }
|
|
.aa-alert-icon { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; color: #fff; font-size: 13px; text-align: center; line-height: 22px; margin-top: 1px; }
|
|
.aa-alert.is-success .aa-alert-icon { background: #52C41A; }
|
|
.aa-alert.is-error .aa-alert-icon { background: #F5222D; }
|
|
.aa-alert.is-warning .aa-alert-icon { background: #FA8C16; }
|
|
.aa-alert.is-info .aa-alert-icon { background: #2F54EB; }
|
|
.aa-alert-title { font-size: 16px; font-weight: 500; color: #1F2329; }
|
|
.aa-alert-content { font-size: 14px; color: #595959; margin-top: 6px; margin-left: 34px; line-height: 1.6; }
|
|
.aa-alert-footer { margin-top: 20px; display: flex; justify-content: flex-end; }
|
|
.aa-alert-btn { height: 32px; padding: 0 18px; border-radius: 6px; border: none; background: #2F54EB; color: #fff; cursor: pointer; font-size: 14px; }
|
|
.aa-alert-btn:hover { background: #1D39C4; }
|