Revert "Constrain MCP picker card width"

This reverts commit 440e9e94bd.
This commit is contained in:
Ishaan Gupta 2026-07-03 20:46:17 +05:30
parent 440e9e94bd
commit a0dd93ff0f
2 changed files with 7 additions and 11 deletions

View file

@ -20,20 +20,20 @@ export function WorkspaceCard({
return (
<Card
as="button"
className="min-h-[92px] w-full p-2.5"
className="min-h-[104px] w-full p-3"
onClick={() => onClick(containerTag.containerTag)}
variant={active ? "active" : "interactive"}
>
<div className="absolute right-2.5 top-2.5 text-[11px] font-medium leading-none">
<div className="absolute right-3 top-3 text-[11px] font-medium leading-none">
{access ? <PermissionBadge permission={access.permission} /> : null}
</div>
{active ? (
<Check className="absolute bottom-2.5 right-2.5 size-3 shrink-0 text-accent" />
<Check className="absolute bottom-3 right-3 size-3 shrink-0 text-accent" />
) : null}
<Stack className="h-full" gap="xs">
<Stack align="center" direction="row" gap="sm" justify="between">
<span
className="min-w-0 max-w-[calc(100%-82px)] truncate text-sm font-medium text-white"
className="min-w-0 max-w-[calc(100%-88px)] truncate text-sm font-medium text-white"
style={{ fontFamily: "var(--font-brand)" }}
>
{name}

View file

@ -66,12 +66,8 @@ export function Picker({
return (
<div className="flex flex-col">
<PageHeader
description={description}
className="w-full max-w-[380px]"
title="Select Workspace"
/>
<div className="flex w-full max-w-[380px] flex-col gap-(--space-3) px-(--page-header-px) pb-(--space-6)">
<PageHeader description={description} title="Select Workspace" />
<div className="flex flex-col gap-(--space-4) px-(--page-header-px) pb-(--space-6)">
{count >= SEARCH_THRESHOLD ? (
<div className="relative max-w-sm">
<Search className="pointer-events-none absolute left-(--space-3) top-1/2 size-4 -translate-y-1/2 text-text-muted" />
@ -91,7 +87,7 @@ export function Picker({
No workspaces match {query}.
</p>
) : (
<div className="grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-1.5">
<div className="grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-(--space-2)">
{filtered.map((tag) => {
const access = assignedTags?.find(
(t) => t.containerTag === tag.containerTag,