fix(web): remove indicator from WorkplaceSelector and restore original item padding

The indicator was unnecessary (current workspace is shown in the trigger)
and shifted layout, breaking avatar alignment. Restore original
gap-2/pl-3/pr-2 spacing. Mark SelectItemIndicator as @public for Knip.

Made-with: Cursor
This commit is contained in:
yyh
2026-04-16 11:13:07 +08:00
parent f734c35443
commit 6f582c1b2f
2 changed files with 3 additions and 4 deletions

View File

@ -30,6 +30,7 @@ export function SelectGroupLabel({
)
}
/** @public */
export function SelectItemIndicator({
className,
...props

View File

@ -6,7 +6,6 @@ import {
SelectContent,
SelectGroup,
SelectGroupLabel,
SelectItemIndicator,
SelectItemText,
SelectPrimitiveItem,
SelectTrigger,
@ -69,18 +68,17 @@ const WorkplaceSelector = () => {
key={workspace.id}
value={workspace.id}
className={cn(
'flex h-8 cursor-pointer items-center gap-1 rounded-lg px-2 outline-hidden',
'flex h-8 cursor-pointer items-center gap-2 rounded-lg pr-2 pl-3 outline-hidden',
'data-highlighted:bg-state-base-hover',
)}
>
<div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-components-icon-bg-blue-solid text-[13px]">
<span className="h-6 bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text align-middle leading-6 font-semibold text-shadow-shadow-1 uppercase opacity-90">{workspace.name[0]?.toLocaleUpperCase()}</span>
</div>
<SelectItemText className="min-w-0 grow truncate px-1 system-md-regular text-text-secondary">
<SelectItemText className="min-w-0 grow truncate system-md-regular text-text-secondary">
{workspace.name}
</SelectItemText>
<PlanBadge plan={workspace.plan as Plan} />
<SelectItemIndicator />
</SelectPrimitiveItem>
))}
</SelectGroup>