Feat: Make the scroll bar of the DatasetSettings page appear inside #3221 (#4548)

### What problem does this PR solve?

Feat: Make the scroll bar of the DatasetSettings page appear inside
#3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu
2025-01-21 10:19:38 +08:00
committed by GitHub
parent db80376427
commit fc35821f81
5 changed files with 44 additions and 39 deletions

View File

@ -3,7 +3,7 @@ import { SideBar } from './sidebar';
export default function DatasetWrapper() {
return (
<div className="text-foreground flex flex-1">
<div className="flex flex-1">
<SideBar></SideBar>
<div className="flex-1">
<Outlet />

View File

@ -1,20 +1,24 @@
import { Card } from '@/components/ui/card';
import { Card, CardContent } from '@/components/ui/card';
import AdvancedSettingForm from './advanced-setting-form';
import BasicSettingForm from './basic-setting-form';
export default function DatasetSettings() {
return (
<section className="flex flex-col p-8 overflow-auto h-[80vh]">
<div className="text-3xl font-bold mb-6">Basic settings</div>
<Card className="border-0 p-6 mb-8 bg-colors-background-inverse-weak">
<div className="w-2/5">
<BasicSettingForm></BasicSettingForm>
</div>
<section className="p-8 overflow-y-scroll max-h-[90vh]">
<div className="text-3xl font-bold pb-6">Basic settings</div>
<Card className="border-0 p-6 bg-colors-background-inverse-weak">
<CardContent>
<div className="w-2/5">
<BasicSettingForm></BasicSettingForm>
</div>
</CardContent>
</Card>
<div className="text-3xl font-bold mb-6">Advanced settings</div>
<Card className="border-0 p-6 mb-8 bg-colors-background-inverse-weak">
<AdvancedSettingForm></AdvancedSettingForm>
<div className="text-3xl font-bold pb-6 pt-8">Advanced settings</div>
<Card className="border-0 p-6 bg-colors-background-inverse-weak">
<CardContent>
<AdvancedSettingForm></AdvancedSettingForm>
</CardContent>
</Card>
</section>
);

View File

@ -16,7 +16,7 @@ export default function RetrievalTesting() {
<h2 className="text-3xl font-bold mb-8 px-[10%]">
15 Results from 3 files
</h2>
<section className="flex flex-col gap-4 overflow-auto h-[85vh] px-[10%]">
<section className="flex flex-col gap-4 overflow-auto h-[83vh] px-[10%]">
{list.map((x, idx) => (
<Card
key={idx}