feat(providers): add max height and scroll for connection list
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -943,7 +943,7 @@ export default function ProviderDetailPage() {
|
|||||||
const isSelected = (connectionId) => selectedConnectionIds.includes(connectionId);
|
const isSelected = (connectionId) => selectedConnectionIds.includes(connectionId);
|
||||||
|
|
||||||
const connectionsList = (
|
const connectionsList = (
|
||||||
<div className="flex min-w-0 flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]">
|
<div className="flex min-w-0 flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03] max-h-[500px] overflow-y-auto pr-1">
|
||||||
{connections
|
{connections
|
||||||
.map((conn, index) => (
|
.map((conn, index) => (
|
||||||
<div key={conn.id} className="flex min-w-0 items-stretch">
|
<div key={conn.id} className="flex min-w-0 items-stretch">
|
||||||
|
|||||||
@@ -434,7 +434,7 @@ export default function ConnectionsCard({ providerId, isOAuth }) {
|
|||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<div className="flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03]">
|
<div className="flex flex-col divide-y divide-black/[0.03] dark:divide-white/[0.03] max-h-[500px] overflow-y-auto pr-1">
|
||||||
{connections.map((conn, idx) => (
|
{connections.map((conn, idx) => (
|
||||||
<ConnectionRow
|
<ConnectionRow
|
||||||
key={conn.id}
|
key={conn.id}
|
||||||
|
|||||||
Reference in New Issue
Block a user