Syed Muzamil
f61e91d07f
* fix: propmt side not showing on small devices * added the robot icon while chat is loading * fix: sidbar position * fix: modal not scrolling on small devices * fix: overlap between the modal and icons
22 lines
693 B
TypeScript
22 lines
693 B
TypeScript
import { IconRobot } from '@tabler/icons-react';
|
|
import { IconDots } from '@tabler/icons-react';
|
|
import { FC } from 'react';
|
|
|
|
interface Props { }
|
|
|
|
export const ChatLoader: FC<Props> = () => {
|
|
return (
|
|
<div
|
|
className="group border-b border-black/10 bg-gray-50 text-gray-800 dark:border-gray-900/50 dark:bg-[#444654] dark:text-gray-100"
|
|
style={{ overflowWrap: 'anywhere' }}
|
|
>
|
|
<div className="m-auto flex gap-4 p-4 text-base md:max-w-2xl md:gap-6 md:py-6 lg:max-w-2xl lg:px-0 xl:max-w-3xl">
|
|
<div className="min-w-[40px] items-end">
|
|
<IconRobot size={30} />
|
|
</div>
|
|
<IconDots className="animate-pulse" />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|