15 lines
1.1 KiB
CSS
15 lines
1.1 KiB
CSS
/* Aurora Admin DensitySwitcher 样式 — 信息密度切换 */
|
|
.aa-densw { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); display: inline-flex; border: 1px solid #E8ECF1; border-radius: 6px; overflow: hidden; }
|
|
.aa-densw-opt { padding: 8px 16px; font-size: 13px; cursor: pointer; color: #595959; background: #fff; border: none; transition: background .15s, color .15s; }
|
|
.aa-densw-opt + .aa-densw-opt { border-left: 1px solid #E8ECF1; }
|
|
.aa-densw-opt:hover { color: #2F54EB; }
|
|
.aa-densw-opt.is-active { background: #2F54EB; color: #fff; }
|
|
|
|
.aa-densw-demo { margin-top: 12px; border: 1px solid #E8ECF1; border-radius: 8px; overflow: hidden; }
|
|
.aa-densw-demo.loose .aa-densw-row { padding: 14px 16px; }
|
|
.aa-densw-demo.default .aa-densw-row { padding: 10px 16px; }
|
|
.aa-densw-demo.compact .aa-densw-row { padding: 6px 16px; font-size: 13px; }
|
|
.aa-densw-row { border-bottom: 1px solid #E8ECF1; color: #262626; display: flex; justify-content: space-between; }
|
|
.aa-densw-row:last-child { border-bottom: none; }
|
|
.aa-densw-row .muted { color: #8C8C8C; }
|