Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix not able to scroll in my models screen

Browse Source 
Signed-off-by: James <james@jan.ai>
This commit is contained in:
James 2023-10-04 19:49:03 -07:00 committed by Louis
parent 223a95ef3d
commit 7171bde1d9
5 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/_components/ActiveModelTable/index.tsx
View File

@ -9,10 +9,10 @@ const ActiveModelTable: React.FC = () => {
if (!activeModel) return null;
return (
<Fragment>
<div className="pl-[63px] pr-[89px]">
<h3 className="text-xl leading-[25px] mb-[13px]">Active Model(s)</h3>
<ModelTable models={[activeModel]} />
</Fragment>
</div>
);
};

4
web/app/_components/DownloadedModelTable/index.tsx
View File

@ -7,13 +7,13 @@ const DownloadedModelTable: React.FC = () => {
const { downloadedModels } = useGetDownloadedModels();
return (
<Fragment>
<div className="pl-[63px] pr-[89px]">
<h3 className="text-xl leading-[25px] mt-[50px]">Downloaded Models</h3>
<div className="py-5 w-[568px]">
<SearchBar />
</div>
<ModelTable models={downloadedModels} />
</Fragment>
</div>
);
};

8
web/app/_components/DownloadingModelTable/index.tsx
View File

@ -17,10 +17,12 @@ const DownloadingModelTable: React.FC = () => {
}
return (
<Fragment>
<h3 className="text-xl leading-[25px] mt-[50px] mb-4">Downloading Models</h3>
<div className="pl-[63px] pr-[89px]">
<h3 className="text-xl leading-[25px] mt-[50px] mb-4">
Downloading Models
</h3>
<ModelDownloadingTable downloadStates={downloadStates} />
</Fragment>
</div>
);
};

9
web/app/_components/HeaderTitle/index.tsx
View File

@ -1,11 +1,14 @@
import React from 'react';
import React from "react";
type Props = {
title: string;
className?: string;
};
const HeaderTitle: React.FC<Props> = ({ title }) => (
<h2 className="my-5 font-semibold text-[34px] tracking-[-0.4px] leading-[41px]">
const HeaderTitle: React.FC<Props> = ({ title, className }) => (
<h2
className={`my-5 font-semibold text-[34px] tracking-[-0.4px] leading-[41px] ${className}`}
>
{title}
</h2>
);

12
web/app/_components/MyModelContainer/index.tsx
View File

@ -4,11 +4,13 @@ import ActiveModelTable from "../ActiveModelTable";
import DownloadingModelTable from "../DownloadingModelTable";
const MyModelContainer: React.FC = () => (
<div className="flex flex-col w-full h-full pl-[63px] pr-[89px] pt-[60px]">
<HeaderTitle title="My Models" />
<ActiveModelTable />
<DownloadingModelTable />
<DownloadedModelTable />
<div className="flex flex-col w-full h-full pt-[60px]">
<HeaderTitle title="My Models" className="pl-[63px] pr-[89px]" />
<div className="pb-6 overflow-y-auto scroll">
<ActiveModelTable />
<DownloadingModelTable />
<DownloadedModelTable />
</div>
</div>
);