[enhancement]: Preview [ Cover ] for Models an Loras

[ThesiiNCey]

Is there an existing issue for this?

• [X] I have searched the existing issues

Contact Details

[email protected]

What should this feature add?

In the Models menu there is a kind of preview for the model and the Lora that you have a picture of, for example in the Gradio variant for each Model and Lora a Preview [ Cover ]

So that the drop-down menu for Loras and models is larger and there is a cover behind the Lora/Model name that is not too big but not too small either

or a popup modal window

Alternatives

No response

Additional Content

No response

[psychedelicious]

We've got the backend for this - you can assign cover images to each model. But we don't yet have the frontend components to display the images in the model selection and LoRA card component.

---

If anybody wants to have a go at adding the image to the LoRA card component, I'd be happy to review a PR. It should be pretty straightforward, you'll only need to design the component.

The LoRA component is here: https://github.com/invoke-ai/InvokeAI/blob/main/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx

The config object has an optional cover_image property that will be the URL of the image (if one exists).

[0xPratik]

can i work on this issue ?

[ThesiiNCey]

If you think you can build the front end for it, I have absolutely no knowledge of that

[0xPratik]

yes i can will work on it

[psychedelicious]

Hi @0xPratik, sure. I've assigned the issue to you.