dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: small ui nits (#1178)

Browse source
This commit is contained in:
josh 2025-09-09 22:19:34 +01:00 • committed by GitHub
parent 848205f5cb
commit eae41c635d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 50 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/model-selector.tsx
View file

@ -62,7 +62,7 @@ export function ModelSelector({
<ChevronDownIcon />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="start" className="min-w-[300px]">
<DropdownMenuContent align="start" className="min-w-[280px] max-w-[90vw] sm:min-w-[300px]">
{availableChatModels.map((chatModel) => {
const { id } = chatModel;
@ -83,16 +83,16 @@ export function ModelSelector({
>
<button
type="button"
className="group/item flex w-full flex-row items-center justify-between gap-4"
className="group/item flex w-full flex-row items-center justify-between gap-2 sm:gap-4"
>
<div className="flex flex-col items-start gap-1">
<div>{chatModel.name}</div>
<div className="text-muted-foreground text-xs">
<div className="text-sm sm:text-base">{chatModel.name}</div>
<div className='line-clamp-2 text-muted-foreground text-xs'>
{chatModel.description}
</div>
</div>
<div className="text-foreground opacity-0 group-data-[active=true]/item:opacity-100 dark:text-foreground">
<div className='shrink-0 text-foreground opacity-0 group-data-[active=true]/item:opacity-100 dark:text-foreground'>
<CheckCircleFillIcon />
</div>
</button>