15 lines
1.4 KiB
CSS
15 lines
1.4 KiB
CSS
/* Aurora Admin BottomSheet 样式 — 对齐 组件7.txt BottomSheet：底部滑出面板，遮罩点击关闭，内容滚动 */
|
|
|
|
.aa-sheet-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 2000; opacity: 0; pointer-events: none; transition: opacity .25s; }
|
|
.aa-sheet-mask.is-open { opacity: 1; pointer-events: auto; }
|
|
.aa-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2001; background: #fff; border-radius: 12px 12px 0 0;
|
|
transform: translateY(100%); transition: transform .25s; max-height: 80vh; display: flex; flex-direction: column;
|
|
font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-sheet.is-open { transform: translateY(0); }
|
|
.aa-sheet-handle { width: 36px; height: 4px; border-radius: 2px; background: #E8ECF1; margin: 8px auto; cursor: grab; flex-shrink: 0; }
|
|
.aa-sheet-header { padding: 4px 16px 12px; font-size: 16px; font-weight: 500; color: #1F2329; border-bottom: 1px solid #E8ECF1; }
|
|
.aa-sheet-body { padding: 16px; overflow: auto; flex: 1; color: #262626; font-size: 14px; line-height: 1.6; }
|
|
.aa-sheet-footer { padding: 12px 16px; border-top: 1px solid #E8ECF1; display: flex; justify-content: flex-end; gap: 8px; }
|
|
.aa-sheet-btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid #E8ECF1; background: #fff; color: #262626; cursor: pointer; font-size: 14px; }
|
|
.aa-sheet-btn.primary { background: #2F54EB; border-color: #2F54EB; color: #fff; }
|