19 lines
1.8 KiB
CSS
19 lines
1.8 KiB
CSS
/* Aurora Admin RangeQuickPicker 样式 — 日期范围 + 快捷选项 */
|
|
.aa-range { position: relative; display: inline-block; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-range-trigger { display: flex; align-items: center; gap: 8px; border: 1px solid #E8ECF1; border-radius: 6px; padding: 0 10px; height: 36px; background: #fff; cursor: pointer; color: #262626; font-size: 14px; min-width: 220px; }
|
|
.aa-range-trigger.is-focus { border-color: #2F54EB; box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
|
|
.aa-range-trigger .aa-range-sep { color: #8C8C8C; }
|
|
.aa-range-placeholder { color: #BFBFBF; }
|
|
.aa-range-pop { position: absolute; top: 42px; left: 0; z-index: 20; background: #fff; border: 1px solid #E8ECF1; border-radius: 8px; box-shadow: 0 6px 24px rgba(0,0,0,0.12); padding: 12px; width: 300px; }
|
|
.aa-range-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
|
|
.aa-range-preset { padding: 4px 10px; border: 1px solid #E8ECF1; border-radius: 4px; font-size: 13px; cursor: pointer; color: #595959; background: #fff; }
|
|
.aa-range-preset:hover { border-color: #B7C4FF; }
|
|
.aa-range-preset.is-active { border-color: #2F54EB; color: #2F54EB; background: #F0F5FF; }
|
|
.aa-range-custom { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
|
|
.aa-range-custom input { border: 1px solid #E8ECF1; border-radius: 4px; padding: 5px 8px; font-size: 13px; color: #262626; }
|
|
.aa-range-custom .aa-range-tilde { color: #8C8C8C; }
|
|
.aa-range-actions { text-align: right; }
|
|
.aa-range-actions button { border: none; border-radius: 4px; padding: 5px 14px; font-size: 13px; cursor: pointer; }
|
|
.aa-range-actions .aa-range-ok { background: #2F54EB; color: #fff; }
|
|
.aa-range-actions .aa-range-cancel { background: #F5F5F5; color: #595959; margin-right: 8px; }
|