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

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

View File

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

View File

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