Keep chat pinned to the latest message while AI thinks or streams, and align buttons/inputs with the logo teal/blue focus treatment. Co-authored-by: Cursor <cursoragent@cursor.com>
30 lines
676 B
TypeScript
30 lines
676 B
TypeScript
import { APP_NAME } from '@/utils/constants';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
type BrandLogoProps = {
|
|
className?: string;
|
|
/** Image height class; width follows aspect ratio */
|
|
imgClassName?: string;
|
|
alt?: string;
|
|
};
|
|
|
|
/**
|
|
* Product wordmark from /logo/mainlogo.png (transparent background).
|
|
*/
|
|
export const BrandLogo = ({
|
|
className,
|
|
imgClassName,
|
|
alt = APP_NAME,
|
|
}: BrandLogoProps) => {
|
|
return (
|
|
<span className={cn('inline-flex items-center', className)}>
|
|
<img
|
|
src="/logo/mainlogo.png"
|
|
alt={alt}
|
|
className={cn('h-8 w-auto select-none object-contain', imgClassName)}
|
|
draggable={false}
|
|
/>
|
|
</span>
|
|
);
|
|
};
|