fix(prompt-input): Adjust image preview hover state and alignment in input head (#256)

* fix(prompt-input): adjust image preview hover state and alignment in input head

* Create major-ants-cut.md

---------

Co-authored-by: Hayden Bleasel <[email protected]>

Author: chaxus

.changeset/major-ants-cut.md

@@ -0,0 +1,5 @@
+---
+"ai-elements": patch
+---
+
+fix(prompt-input): Adjust image preview hover state and alignment in input head

packages/elements/src/prompt-input.tsx

@@ -286,7 +286,7 @@ export function PromptInputAttachment({
       <HoverCardTrigger asChild>
         <div
           className={cn(
-            "group relative flex h-8 cursor-default select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            "group relative flex h-8 cursor-pointer select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
             className
           )}
           key={data.id}
@@ -377,7 +377,7 @@ export function PromptInputAttachments({
 
   return (
     <div
-      className={cn("flex flex-wrap items-center gap-2 p-3", className)}
+      className={cn("flex flex-wrap items-center gap-2 p-3 w-full", className)}
       {...props}
     >
       {attachments.files.map((file) => (