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

fix: text alignment on import model dialog (#3958)

Browse Source
This commit is contained in:
Faisal Amir 2024-11-06 13:41:49 +07:00 committed by GitHub
parent 1f46c82ff7
commit 0154199161
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -118,7 +118,7 @@ const ModelDownloadRow: React.FC<Props> = ({
return ( return (
<div className="flex flex-col gap-4 rounded border border-[hsla(var(--app-border))] p-3 md:flex-row md:items-center md:justify-between xl:w-full"> <div className="flex flex-col gap-4 rounded border border-[hsla(var(--app-border))] p-3 md:flex-row md:items-center md:justify-between xl:w-full">
<div className="flex max-w-[50%] justify-between"> <div className="flex max-w-[50%] justify-between">
<div className="flex"> <div className="flex min-w-[280px] max-w-[280px]">
{quantization && ( {quantization && (
<Badge variant="soft" className="mr-1"> <Badge variant="soft" className="mr-1">
{quantization} {quantization}
@ -133,9 +133,11 @@ const ModelDownloadRow: React.FC<Props> = ({
{fileName} {fileName}
</h1> </h1>
</div> </div>
<Badge theme="secondary" className="hidden md:flex"> <div className="md:min-w-[90px] md:max-w-[90px]">
{toGibibytes(fileSize)} <Badge theme="secondary" className="ml-4 hidden md:flex">
</Badge> {toGibibytes(fileSize)}
</Badge>
</div>
</div> </div>
{downloadedModel ? ( {downloadedModel ? (