/** * 知识库管理器 - 侧边栏样式 */ .dataset-sidebar { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .dataset-sidebar .ant-layout-sider-children { display: flex; flex-direction: column; height: 100%; } /* 侧边栏头部 */ .dataset-sidebar-header { display: flex; flex-direction: column; padding: 12px; border-bottom: 1px solid #f0f0f0; gap: 12px; } .dataset-sidebar-title { display: flex; align-items: center; gap: 8px; } .dataset-sidebar-title h3 { font-size: 16px; font-weight: 600; color: #1a1a1a; margin: 0; } /* 知识库列表 */ .dataset-sidebar-list { flex: 1; overflow-y: auto; overflow-x: hidden; } /* 菜单样式覆盖 */ .dataset-sidebar-menu.ant-menu { border: none; background: transparent; } .dataset-sidebar-menu .ant-menu-item { margin: 4px 8px; border-radius: 8px; height: auto; line-height: 1.5; padding: 8px 12px !important; } .dataset-sidebar-menu .ant-menu-item-selected { background-color: rgba(0, 104, 74, 0.1) !important; } .dataset-sidebar-menu .ant-menu-item-selected::after { display: none; } .dataset-sidebar-menu .ant-menu-item:hover { background-color: #f5f5f5; } /* 知识库信息 */ .dataset-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .dataset-info-name { font-size: 14px; font-weight: 500; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dataset-info-meta { display: flex; align-items: center; gap: 12px; } .dataset-info-meta-item { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #999; } .dataset-info-meta-item .anticon { font-size: 12px; } /* 侧边栏底部 */ .dataset-sidebar-footer { padding: 12px 16px; border-top: 1px solid #f0f0f0; background: #fafafa; } .stats-text { font-size: 12px; color: #999; text-align: center; } /* 响应式布局 */ @media (max-width: 991px) { .dataset-sidebar { position: fixed; left: 0; top: 0; z-index: 1000; height: 100vh; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); } .dataset-sidebar.ant-layout-sider-collapsed { transform: translateX(-100%); } }