mirror of
https://github.com/infiniflow/ragflow.git
synced 2025-12-23 23:16:58 +08:00
d4b0cd8599
### What problem does this PR solve? Fix: Optimize page layout and style #3221 - Added the cursor-pointer class to the logo in the Header component - Added an icon property to the ListFilterBar in the Agents and ChatList components - Adjusted the Dataset page layout and set a minimum width - Optimized the DatasetWrapper page layout and added the overflow-auto class - Simplified the search icon in the SearchList component ### Type of change - [x] Bug Fix (non-breaking change which fixes an issue) --------- Co-authored-by: Kevin Hu <kevinhu.sh@gmail.com>
49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
import { PageHeader } from '@/components/page-header';
|
|
import {
|
|
Breadcrumb,
|
|
BreadcrumbItem,
|
|
BreadcrumbLink,
|
|
BreadcrumbList,
|
|
BreadcrumbPage,
|
|
BreadcrumbSeparator,
|
|
} from '@/components/ui/breadcrumb';
|
|
import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
|
|
import { useFetchKnowledgeBaseConfiguration } from '@/hooks/use-knowledge-request';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { Outlet } from 'umi';
|
|
import { SideBar } from './sidebar';
|
|
|
|
export default function DatasetWrapper() {
|
|
const { navigateToDatasetList } = useNavigatePage();
|
|
const { t } = useTranslation();
|
|
const { data } = useFetchKnowledgeBaseConfiguration();
|
|
|
|
return (
|
|
<section className="flex h-full flex-col w-full">
|
|
<PageHeader>
|
|
<Breadcrumb>
|
|
<BreadcrumbList>
|
|
<BreadcrumbItem>
|
|
<BreadcrumbLink onClick={navigateToDatasetList}>
|
|
{t('knowledgeDetails.dataset')}
|
|
</BreadcrumbLink>
|
|
</BreadcrumbItem>
|
|
<BreadcrumbSeparator />
|
|
<BreadcrumbItem>
|
|
<BreadcrumbPage className="w-28 whitespace-nowrap text-ellipsis overflow-hidden">
|
|
{data.name}
|
|
</BreadcrumbPage>
|
|
</BreadcrumbItem>
|
|
</BreadcrumbList>
|
|
</Breadcrumb>
|
|
</PageHeader>
|
|
<div className="flex flex-1 min-h-0">
|
|
<SideBar></SideBar>
|
|
<div className="flex-1 overflow-auto">
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|