mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-04 21:22:07 +00:00
fix(UploadModel): truncate long filenames in wizard (#7939)
## Summary Truncate long filenames in the model upload wizard to prevent dialog overflow. ## Changes - **UploadModelConfirmation**: Added `min-w-0 flex-1 truncate` to model filename display - **UploadModelProgress**: Added truncation to both processing and success state filename displays ## Testing 1. Import a model with a very long filename 2. Verify the filename truncates with ellipsis instead of expanding the dialog ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7939-fix-UploadModel-truncate-long-filenames-in-wizard-2e46d73d365081a0a60bd6326129b9a4) by [Unito](https://www.unito.io)
This commit is contained in:
@@ -5,15 +5,15 @@
|
||||
{{ $t('assetBrowser.modelAssociatedWithLink') }}
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center gap-3 bg-secondary-background p-3 rounded-lg"
|
||||
class="flex items-center gap-3 rounded-lg bg-secondary-background p-3"
|
||||
>
|
||||
<img
|
||||
v-if="previewImage"
|
||||
:src="previewImage"
|
||||
:alt="metadata?.filename || metadata?.name || 'Model preview'"
|
||||
class="w-14 h-14 rounded object-cover flex-shrink-0"
|
||||
class="size-14 flex-shrink-0 rounded object-cover"
|
||||
/>
|
||||
<p class="m-0 text-base-foreground">
|
||||
<p class="m-0 min-w-0 flex-1 truncate text-base-foreground">
|
||||
{{ metadata?.filename || metadata?.name }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user