- Updated the `ToolsView` component to enhance layout and responsiveness. - Modified the border radius and added padding to improve visual consistency. - Implemented overflow handling for better content management in the editor, connections, and policies tabs.
Unified · Split
| @@ -373,7 +373,7 @@ export function ToolsView() { · 372 unmodified lines | ||
| 373 | 373 | if (sessionLoading) { |
| 374 | 374 | return ( |
| 375 | 375 | <div className="flex h-full min-h-0 flex-col"> |
| 376 | − <div className="flex flex-1 min-h-0 rounded-lg border border-border/50 p-4"> | |
| 376 | + <div className="flex flex-1 min-h-0 rounded-none border border-border/50 p-4"> | |
| 377 | 377 | <div className="flex h-full w-full"> |
| 378 | 378 | {/* Sidebar skeleton */} |
| 379 | 379 | <div className="w-52 shrink-0 border-r border-border/30 pr-3 space-y-2 hidden lg:block"> |
| @@ -402,7 +402,7 @@ export function ToolsView() { · 22 unmodified lines | ||
| 402 | 402 | return ( |
| 403 | 403 | <div className="flex h-full min-h-0 flex-col"> |
| 404 | 404 | {activeTab === "editor" ? ( |
| 405 | − <div className="flex-1 min-h-0"> | |
| 405 | + <div className="flex-1 min-h-0 overflow-y-auto p-4 md:p-6 lg:p-8"> | |
| 406 | 406 | <TaskComposer /> |
| 407 | 407 | </div> |
| 408 | 408 | ) : null} |
| @@ -452,7 +452,7 @@ export function ToolsView() { · 43 unmodified lines | ||
| 452 | 452 | ) : null} |
| 453 | 453 | |
| 454 | 454 | {activeTab === "connections" ? ( |
| 455 | − <div className="flex-1 min-h-0"> | |
| 455 | + <div className="flex-1 min-h-0 overflow-y-auto p-4 md:p-6 lg:p-8"> | |
| 456 | 456 | <CredentialsPanel |
| 457 | 457 | sources={sourceItems} |
| 458 | 458 | credentials={credentialItems} |
| @@ -464,7 +464,7 @@ export function ToolsView() { · 5 unmodified lines | ||
| 464 | 464 | ) : null} |
| 465 | 465 | |
| 466 | 466 | {activeTab === "policies" ? ( |
| 467 | − <div className="flex-1 min-h-0"> | |
| 467 | + <div className="flex-1 min-h-0 overflow-y-auto p-4 md:p-6 lg:p-8"> | |
| 468 | 468 | <PoliciesPanel |
| 469 | 469 | tools={visibleTools} |
| 470 | 470 | loadingTools={loadingTools} |