Make file suggestions dropdown height responsive

chriswritescode-dev · chriswritescode-dev · commit 73db8c491d12 · 2025-12-05T07:31:33.000-08:00
diff --git a/frontend/src/components/message/FileSuggestions.tsx b/frontend/src/components/message/FileSuggestions.tsx
@@ -50,7 +50,7 @@ export function FileSuggestions({
   return (
     <div
       ref={listRef}
-      className="absolute bottom-full left-0 right-0 mb-2 z-50 bg-background border border-border rounded-lg shadow-xl max-h-64 overflow-y-auto"
+      className="absolute bottom-full left-0 right-0 mb-2 z-50 bg-background border border-border rounded-lg shadow-xl max-h-[30vh] md:max-h-[40vh] lg:max-h-[50vh] overflow-y-auto"
     >
       {files.map((file, idx) => (
         <button

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ export function FileSuggestions({`
`50`	`50`	`return (`
`51`	`51`	`<div`
`52`	`52`	`ref={listRef}`
`53`		`- className="absolute bottom-full left-0 right-0 mb-2 z-50 bg-background border border-border rounded-lg shadow-xl max-h-64 overflow-y-auto"`
	`53`	`+ className="absolute bottom-full left-0 right-0 mb-2 z-50 bg-background border border-border rounded-lg shadow-xl max-h-[30vh] md:max-h-[40vh] lg:max-h-[50vh] overflow-y-auto"`
`54`	`54`	`>`
`55`	`55`	`{files.map((file, idx) => (`
`56`	`56`	`<button`