16 lines
1.6 KiB
CSS
16 lines
1.6 KiB
CSS
/* Aurora Admin EnhancedTabNav 样式 — 可拖拽 + 右键菜单的页签导航 */
|
|
.aa-tabs-enh { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
|
.aa-tabs-enh-bar { display: flex; gap: 2px; border-bottom: 1px solid #E8ECF1; flex-wrap: wrap; }
|
|
.aa-tabs-enh-tab { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #E8ECF1; border-bottom: none; border-radius: 6px 6px 0 0; background: #FAFAFA; cursor: pointer; font-size: 13px; color: #595959; user-select: none; transition: background .15s; }
|
|
.aa-tabs-enh-tab:hover { background: #F0F5FF; }
|
|
.aa-tabs-enh-tab.is-active { background: #fff; color: #2F54EB; }
|
|
.aa-tabs-enh-tab.is-active::after { content: ''; position: absolute; }
|
|
.aa-tabs-enh-tab .aa-dot { width: 6px; height: 6px; border-radius: 50%; background: #FA8C16; }
|
|
.aa-tabs-enh-close { color: #8C8C8C; border-radius: 50%; width: 16px; height: 16px; line-height: 14px; text-align: center; font-size: 14px; }
|
|
.aa-tabs-enh-close:hover { background: #F5F5F5; color: #F5222D; }
|
|
.aa-tabs-enh-panel { padding: 16px 18px; border: 1px solid #E8ECF1; border-top: none; border-radius: 0 0 8px 8px; color: #595959; font-size: 14px; line-height: 1.7; }
|
|
.aa-tabs-enh-menu { position: fixed; z-index: 1000; background: #fff; border: 1px solid #E8ECF1; border-radius: 6px; box-shadow: 0 6px 24px rgba(0,0,0,0.12); padding: 4px 0; min-width: 124px; }
|
|
.aa-tabs-enh-menu div { padding: 7px 14px; font-size: 13px; cursor: pointer; color: #262626; }
|
|
.aa-tabs-enh-menu div:hover { background: #F5F7FA; }
|
|
.aa-tabs-enh-hint { font-size: 12px; color: #8C8C8C; margin-top: 10px; }
|