From 58c5468bf6af0bd92ee61ef4d70d1c993e9790d3 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Mon, 1 Dec 2025 16:03:20 +0800
Subject: [PATCH] fix(ui): prevent provider card hover scale from being clipped

Move 1px of horizontal padding from outer container to inner scroll
container, providing buffer space for the hover scale-[1.01] effect
without being cut off by overflow-hidden.
---
 src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 82276b1d1..c0614b73a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -303,9 +303,9 @@ function App() {
         return <AgentsPanel onOpenChange={() => setCurrentView("providers")} />;
       default:
         return (
-          <div className="mx-auto max-w-[56rem] px-6 flex flex-col h-[calc(100vh-8rem)] overflow-hidden">
+          <div className="mx-auto max-w-[56rem] px-5 flex flex-col h-[calc(100vh-8rem)] overflow-hidden">
             {/* 独立滚动容器 - 解决 Linux/Ubuntu 下 DndContext 与滚轮事件冲突 */}
-            <div className="flex-1 overflow-y-auto overflow-x-hidden pb-12">
+            <div className="flex-1 overflow-y-auto overflow-x-hidden pb-12 px-1">
               <div className="space-y-4">
                 <ProviderList
                   providers={providers}