12 lines
1014 B
CSS
12 lines
1014 B
CSS
/* Aurora Admin LayoutSwitcher 样式 — 布局切换 */
|
|
.aa-layoutsw { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); display: flex; gap: 12px; flex-wrap: wrap; }
|
|
.aa-layoutsw-opt { border: 1px solid #E8ECF1; border-radius: 8px; padding: 8px; cursor: pointer; width: 128px; transition: border-color .15s, box-shadow .15s; }
|
|
.aa-layoutsw-opt:hover { border-color: #B7C4FF; }
|
|
.aa-layoutsw-opt.is-active { border-color: #2F54EB; box-shadow: 0 0 0 3px rgba(47,84,235,0.12); }
|
|
.aa-layoutsw-mini { height: 66px; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; background: #fff; border: 1px solid #E8ECF1; }
|
|
.aa-layoutsw-mini .s-top { height: 16px; background: #2F54EB; }
|
|
.aa-layoutsw-mini .s-body { flex: 1; display: flex; }
|
|
.aa-layoutsw-mini .s-side { width: 22px; background: #B7C4FF; }
|
|
.aa-layoutsw-mini .s-main { flex: 1; background: #F5F7FA; }
|
|
.aa-layoutsw-label { font-size: 13px; color: #262626; text-align: center; margin-top: 6px; }
|