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

chore: input box alignment (#1189)

Browse source
This commit is contained in:
josh 2025-09-10 20:23:41 +01:00 • committed by GitHub
parent c7fc95ee1b
commit e42c392427
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 211 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/elements/context.tsx
View file

@ -156,7 +156,7 @@ function InfoRow({
costText?: string;
}) {
return (
<div className="flex items-center justify-between text-xs">
<div className="flex justify-between items-center text-xs">
<span className="text-muted-foreground">{label}</span>
<TokensWithCost tokens={tokens} costText={costText} />
</div>
@ -275,20 +275,20 @@ export const Context = ({
<DropdownMenuTrigger asChild>
<button
className={cn(
'inline-flex select-none items-center gap-1 rounded-md px-1.5 py-1 text-sm',
'bg-background text-foreground',
'inline-flex gap-1 items-center text-sm rounded-md select-none',
'cursor-pointer bg-background text-foreground',
className,
)}
type="button"
{...props}
>
<span className="font-medium text-muted-foreground hidden">
<span className="hidden font-medium text-muted-foreground">
{displayPct}
</span>
<ContextIcon percent={usedPercent} />
</button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end" side="top" className="w-fit p-3">
<DropdownMenuContent align="end" side="top" className="p-3 w-fit">
<div className="min-w-[240px] space-y-2">
<div className="flex justify-between items-start text-sm">
<span>{displayPct}</span>
@ -332,7 +332,7 @@ export const Context = ({
{costText && (
<>
<Separator className="mt-1" />
<div className="flex items-center justify-between pt-1 text-xs">
<div className="flex justify-between items-center pt-1 text-xs">
<span className="text-muted-foreground">Total cost</span>
<span>{costText}</span>
</div>
@ -343,4 +343,4 @@ export const Context = ({
</DropdownMenuContent>
</DropdownMenu>
);
};
};