truncate

src/lib/components/model/SettingsModel.svelte

@@ -127,13 +127,13 @@
 									: 'hover:from-accent-foreground/10 hover:to-accent-foreground/0 dark:hover:from-blue-500/20! dark:hover:to-blue-500/5!'} flex w-full cursor-pointer items-center justify-between gap-2 rounded-md bg-linear-to-r from-transparent to-transparent px-2.5 py-2 text-left text-xs transition-all duration-300"
 								onclick={() => (model = mdl)}
 							>
-								<span class="flex items-center gap-2">
+								<span class="flex items-center gap-2 truncate">
 									<img
 										src={`https://huggingface.co/api/avatars/${mdl.owned_by}`}
 										alt={mdl.owned_by}
 										class="size-4 rounded"
 									/>
-									<span class="truncate">
+									<span class="truncate text-ellipsis">
 										{mdl.owned_by ?? ''}/
 										<span class="font-medium">
 											{mdl.id.split('/').pop() ?? mdl.id}