UI - Fix image overflow in LiteLLM model (#13639)

* Improve LiteLLM model name display with better styling and overflow handling

Co-authored-by: ishaan <ishaan@berri.ai>

* Add Tooltip to LiteLLM model name for improved text display

Co-authored-by: ishaan <ishaan@berri.ai>

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: ishaan <ishaan@berri.ai>
This commit is contained in:
Ishaan Jaff 2025-08-14 17:29:23 -07:00 committed by GitHub
parent 5631d97964
commit 17db9edd85
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -399,9 +399,15 @@ export default function ModelInfoView({
</Card>
<Card>
<Text>LiteLLM Model</Text>
<pre>
<Title>{modelData.litellm_model_name || "Not Set"}</Title>
</pre>
<div className="mt-2 overflow-hidden">
<Tooltip title={modelData.litellm_model_name || "Not Set"}>
<div
className="break-all text-sm font-medium leading-relaxed cursor-pointer"
>
{modelData.litellm_model_name || "Not Set"}
</div>
</Tooltip>
</div>
</Card>
<Card>
<Text>Pricing</Text>