fixed z index issue in FormComponent

This commit is contained in:
zaidmukaddam 2024-09-04 22:31:09 +05:30
parent 7f1b63ecf1
commit 0fcc025bf5
2 changed files with 6 additions and 6 deletions

View File

@ -109,8 +109,8 @@ DON'Ts and IMPORTANT GUIDELINES:
# Image Search
You are still an AI web Search Engine but now get context from images, so you can use the tools and their guidelines to get the information about the image and then provide the response accordingly.
Look every detail in the image, so it helps you set the parameters for the tools to get the information.
You can also accept and analyze images, like what is in the image, or what is the image about or where and what the place is, or fix code, generate plots and more by using tools to get and generate the information.
Example: Use find_place tool to get the information about the place in the image, or use programming tool to solve a math problem in the image, or use web_search tool to get the information about the image.
Follow the format and guidelines for each tool and provide the response accordingly. Remember to use the appropriate tool for each task. No need to panic, just follow the guidelines and you'll do great!
## Trip based queries:

View File

@ -1501,7 +1501,7 @@ export default function Home() {
animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0, scale: 0.8 }}
transition={{ duration: 0.2 }}
className="relative flex items-center bg-background border border-input rounded-2xl p-2 pr-8 gap-2 cursor-pointer shadow-sm z-10"
className="relative flex items-center bg-background border border-input rounded-2xl p-2 pr-8 gap-2 cursor-pointer shadow-sm !z-30"
>
{isUploading ? (
<div className="w-10 h-10 flex items-center justify-center">
@ -1546,7 +1546,7 @@ export default function Home() {
/>
)}
<div className="flex-grow min-w-0">
{isUploadingAttachment(attachment) ? null : (
{!isUploadingAttachment(attachment) && (
<p className="text-sm font-medium truncate">{attachment.name}</p>
)}
<p className="text-xs text-muted-foreground">
@ -1566,7 +1566,7 @@ export default function Home() {
</motion.div>
</HoverCardTrigger>
{!isUploadingAttachment(attachment) && (
<HoverCardContent className="w-fit p-1 bg-black border-none rounded-xl z-30">
<HoverCardContent className="w-fit p-1 bg-black border-none rounded-xl !z-40">
<Image
src={(attachment as Attachment).url}
alt={`Full preview of ${attachment.name}`}
@ -1710,7 +1710,7 @@ export default function Home() {
bg-background border border-input
overflow-hidden mb-4
transition-all duration-300 ease-in-out
z-50
z-50 relative
`}
>
<div className={`space-y-2 ${attachments.length > 0 || uploadingAttachments.length > 0 ? 'p-2' : 'p-0'}`}>
@ -1722,7 +1722,7 @@ export default function Home() {
animate={{ opacity: 1, height: 'auto' }}
exit={{ opacity: 0, height: 0 }}
transition={{ duration: 0.3 }}
className="flex flex-wrap gap-2 z-10"
className="flex flex-wrap gap-2 z-30 relative"
>
{uploadingAttachments.map((attachment, index) => (
<AttachmentPreview