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

fix: responsive modal import model (#3449)

Browse Source
This commit is contained in:
Faisal Amir 2024-08-26 11:54:31 +07:00 committed by GitHub
parent 925cd04d20
commit 6d33ff60f9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/screens/Settings/HuggingFaceRepoDetailModal/ModelDownloadList/index.tsx
View File

@ -29,7 +29,7 @@ const ModelDownloadList = () => {
return ( return (
<div className="flex h-[500px] flex-1 flex-col"> <div className="flex h-[500px] flex-1 flex-col">
<h1 className="mb-3 font-semibold">Available Versions</h1> <h1 className="mb-3 font-semibold">Available Versions</h1>
<ScrollArea className="w-full flex-1"> <ScrollArea className="w-full md:flex-1">
{ggufModels.map((model, index) => { {ggufModels.map((model, index) => {
if (!model.downloadUrl) return null if (!model.downloadUrl) return null
return ( return (

6
web/screens/Settings/HuggingFaceRepoDetailModal/ModelDownloadRow/index.tsx
View File

@ -114,7 +114,7 @@ const ModelDownloadRow: React.FC<Props> = ({
} }
return ( return (
<div className="flex w-[662px] flex-row items-center justify-between space-x-1 rounded border border-[hsla(var(--app-border))] p-3"> <div className="flex flex-col gap-4 space-x-1 rounded border border-[hsla(var(--app-border))] p-3 md:flex-row md:items-center md:justify-between lg:w-[550px]">
<div className="flex"> <div className="flex">
{quantization && ( {quantization && (
<Badge variant="soft" className="mr-1"> <Badge variant="soft" className="mr-1">
@ -124,7 +124,9 @@ const ModelDownloadRow: React.FC<Props> = ({
<h1 className="mr-5 line-clamp-1 font-medium text-[hsla(var(--text-secondary))]"> <h1 className="mr-5 line-clamp-1 font-medium text-[hsla(var(--text-secondary))]">
{fileName} {fileName}
</h1> </h1>
<Badge theme="secondary">{toGibibytes(fileSize)}</Badge> <Badge theme="secondary" className="hidden md:flex">
{toGibibytes(fileSize)}
</Badge>
</div> </div>
{isDownloaded ? ( {isDownloaded ? (

3
web/screens/Settings/HuggingFaceRepoDetailModal/index.tsx
View File

@ -40,9 +40,8 @@ const HuggingFaceRepoDetailModal = () => {
fullPage fullPage
content={ content={
<div className="flex h-full w-full flex-col"> <div className="flex h-full w-full flex-col">
<div className="flex"> <div className="flex flex-col gap-4 lg:flex-row">
<ModelSegmentInfo /> <ModelSegmentInfo />
<div className="mx-6 h-full border border-[hsla(var(--app-border))]" />
<ModelDownloadList /> <ModelDownloadList />
</div> </div>
</div> </div>