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 (
<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">
<div className="flex min-w-[280px] max-w-[280px]">
{quantization && (
<Badge variant="soft" className="mr-1">
{quantization}
@ -133,9 +133,11 @@ const ModelDownloadRow: React.FC<Props> = ({
{fileName}
</h1>
</div>
<Badge theme="secondary" className="hidden md:flex">
{toGibibytes(fileSize)}
</Badge>
<div className="md:min-w-[90px] md:max-w-[90px]">
<Badge theme="secondary" className="ml-4 hidden md:flex">
{toGibibytes(fileSize)}
</Badge>
</div>
</div>
{downloadedModel ? (