fix: starter screen text alignment and missing model size (#3968)

This commit is contained in:
Faisal Amir 2024-11-07 14:18:18 +07:00 committed by GitHub
parent b519c0814f
commit 77034c4749
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -221,19 +221,19 @@ const OnDeviceStarterScreen = ({ extensionHasSettings }: Props) => {
return ( return (
<div <div
key={featModel.id} key={featModel.id}
className="my-2 flex items-center justify-between gap-2 border-b border-[hsla(var(--app-border))] pb-4 pt-1 last:border-none" className="my-2 flex items-start justify-between gap-2 border-b border-[hsla(var(--app-border))] pb-4 pt-1 last:border-none"
> >
<div className="w-full text-left"> <div className="w-full text-left">
<h6 className="font-medium">{featModel.name}</h6> <h6 className="mt-1.5 font-medium">{featModel.name}</h6>
</div> </div>
{isDownloading ? ( {isDownloading ? (
<div className="flex w-full items-center gap-2"> <div className="flex w-full flex-col items-end gap-2">
{Object.values(downloadStates) {Object.values(downloadStates)
.filter((x) => x.modelId === featModel.id) .filter((x) => x.modelId === featModel.id)
.map((item, i) => ( .map((item, i) => (
<div <div
className="flex w-full items-center gap-2" className="mt-1.5 flex w-full items-center gap-2"
key={i} key={i}
> >
<Progress <Progress
@ -253,6 +253,9 @@ const OnDeviceStarterScreen = ({ extensionHasSettings }: Props) => {
</div> </div>
</div> </div>
))} ))}
<span className="text-[hsla(var(--text-secondary))]">
{toGibibytes(featModel.metadata?.size)}
</span>
</div> </div>
) : ( ) : (
<div className="flex flex-col items-end justify-end gap-2"> <div className="flex flex-col items-end justify-end gap-2">