From 3176cf433b1c3f5701f705824f03a0c62ce32d3c Mon Sep 17 00:00:00 2001
From: Acbox <acbox0328@gmail.com>
Date: Sun, 26 Apr 2026 15:46:32 +0800
Subject: [PATCH] fix(web): provider details overflow caused by long model name

---
 .../src/components/master-detail-sidebar-layout/index.vue | 4 ++--
 apps/web/src/pages/providers/components/model-item.vue    | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/master-detail-sidebar-layout/index.vue b/apps/web/src/components/master-detail-sidebar-layout/index.vue
index abe0ddac..da4fe9e5 100644
--- a/apps/web/src/components/master-detail-sidebar-layout/index.vue
+++ b/apps/web/src/components/master-detail-sidebar-layout/index.vue
@@ -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>
 
diff --git a/apps/web/src/pages/providers/components/model-item.vue b/apps/web/src/pages/providers/components/model-item.vue
index 4eddc281..c60b7d1e 100644
--- a/apps/web/src/pages/providers/components/model-item.vue
+++ b/apps/web/src/pages/providers/components/model-item.vue
@@ -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"