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

fix: text align my model list and import model (#3927)

Browse Source
This commit is contained in:
Faisal Amir 2024-11-01 17:55:27 +07:00 committed by GitHub
parent 7a24e2d325
commit b0087fca49
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -117,7 +117,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 justify-between"> <div className="flex max-w-[50%] justify-between">
<div className="flex"> <div className="flex">
{quantization && ( {quantization && (
<Badge variant="soft" className="mr-1"> <Badge variant="soft" className="mr-1">
@ -126,8 +126,7 @@ const ModelDownloadRow: React.FC<Props> = ({
)} )}
<h1 <h1
className={twMerge( className={twMerge(
'mr-5 line-clamp-1 font-medium text-[hsla(var(--text-secondary))]', 'mr-5 line-clamp-1 font-medium text-[hsla(var(--text-secondary))]'
quantization && 'max-w-[25ch]'
)} )}
title={fileName} title={fileName}
> >

6
web/screens/Settings/MyModels/MyModelList/index.tsx
View File

@ -85,7 +85,7 @@ const MyModelList = ({ model }: Props) => {
<div className="relative flex items-center gap-x-4"> <div className="relative flex items-center gap-x-4">
{stateModel.loading && stateModel.model?.id === model.id ? ( {stateModel.loading && stateModel.model?.id === model.id ? (
<Badge <Badge
className="inline-flex items-center space-x-2" className="inline-flex w-[80px] items-center space-x-2"
theme="secondary" theme="secondary"
> >
<span className="h-2 w-2 rounded-full bg-gray-500" /> <span className="h-2 w-2 rounded-full bg-gray-500" />
@ -99,7 +99,7 @@ const MyModelList = ({ model }: Props) => {
<Badge <Badge
theme="success" theme="success"
variant="soft" variant="soft"
className="inline-flex items-center space-x-2" className="inline-flex w-[80px] items-center space-x-2"
> >
<span className="h-2 w-2 rounded-full bg-green-500" /> <span className="h-2 w-2 rounded-full bg-green-500" />
<span>Active</span> <span>Active</span>
@ -107,7 +107,7 @@ const MyModelList = ({ model }: Props) => {
) : ( ) : (
<Badge <Badge
theme="secondary" theme="secondary"
className="inline-flex items-center space-x-2" className="inline-flex w-[80px] items-center space-x-2"
> >
<span className="h-2 w-2 rounded-full bg-gray-500" /> <span className="h-2 w-2 rounded-full bg-gray-500" />
<span>Inactive</span> <span>Inactive</span>