fix(web): provider details overflow caused by long model name

This commit is contained in:
Acbox
2026-04-26 15:46:32 +08:00
parent 73ab5dfd90
commit 3176cf433b
2 changed files with 6 additions and 6 deletions
@@ -21,8 +21,8 @@
</SidebarFooter>
</Sidebar>
<SidebarInset>
<section class="flex-1 min-w-0 relative min-h-0">
<SidebarInset class="min-w-0 overflow-hidden">
<section class="flex-1 min-w-0 relative min-h-0 overflow-hidden">
<slot name="detail" />
</section>
@@ -1,11 +1,11 @@
<template>
<Item
variant="outline"
class="h-full flex-col items-stretch"
class="h-full flex-col items-stretch min-w-0"
>
<ItemContent class="w-full">
<ItemTitle class="flex items-center gap-2 min-w-0">
<span class="truncate">{{ model.name || model.model_id }}</span>
<ItemContent class="w-full min-w-0">
<ItemTitle class="flex items-center gap-2 w-full min-w-0">
<span class="truncate min-w-0 flex-1">{{ model.name || model.model_id }}</span>
<Badge
v-if="model.type"
variant="outline"