keep box the same size when filtering icons

This commit is contained in:
Josh Hawkins 2024-05-09 08:16:46 -05:00
parent 2324eb93d8
commit 207c338587

View File

@ -114,6 +114,7 @@ export default function IconPicker({
value={searchTerm} value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)} onChange={(e) => setSearchTerm(e.target.value)}
/> />
<div className="flex flex-col flex-1 h-[20dvh]">
<div className="grid grid-cols-6 my-2 gap-2 max-h-[20dvh] overflow-y-auto pr-1"> <div className="grid grid-cols-6 my-2 gap-2 max-h-[20dvh] overflow-y-auto pr-1">
{icons.map(([name, Icon]) => ( {icons.map(([name, Icon]) => (
<div <div
@ -135,6 +136,7 @@ export default function IconPicker({
</div> </div>
))} ))}
</div> </div>
</div>
</PopoverContent> </PopoverContent>
</Popover> </Popover>
</div> </div>