fix org selector overflow

This commit is contained in:
miloschwartz 2025-06-24 17:19:03 -04:00
parent 9bb4d8b2a3
commit 66191a9610
No known key found for this signature in database

View file

@ -46,12 +46,12 @@ export function OrgSelector({ orgId, orgs }: OrgSelectorProps) {
aria-expanded={open} aria-expanded={open}
className="w-full h-12 px-3 py-4 bg-neutral hover:bg-neutral" className="w-full h-12 px-3 py-4 bg-neutral hover:bg-neutral"
> >
<div className="flex items-center justify-between w-full"> <div className="flex items-center justify-between w-full min-w-0">
<div className="flex flex-col items-start"> <div className="flex flex-col items-start min-w-0 flex-1">
<span className="font-bold text-sm"> <span className="font-bold text-sm">
{t('org')} {t('org')}
</span> </span>
<span className="text-sm text-muted-foreground"> <span className="text-sm text-muted-foreground truncate w-full">
{orgId {orgId
? orgs?.find( ? orgs?.find(
(org) => (org) =>
@ -61,11 +61,11 @@ export function OrgSelector({ orgId, orgs }: OrgSelectorProps) {
: t('noneSelected')} : t('noneSelected')}
</span> </span>
</div> </div>
<ChevronsUpDown className="h-4 w-4 shrink-0 opacity-50" /> <ChevronsUpDown className="h-4 w-4 shrink-0 opacity-50 ml-2" />
</div> </div>
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="w-[180px] p-0"> <PopoverContent className="w-[280px] p-0">
<Command> <Command>
<CommandInput placeholder={t('searchProgress')} /> <CommandInput placeholder={t('searchProgress')} />
<CommandEmpty> <CommandEmpty>