danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: AI model selector dropdown overflow on small screens

Browse source 
Add max-height and overflow-y-auto to the model selector dropdown in
the AI chat panel to prevent it from extending past the screen when
there are many models available (e.g., with Ollama).

Fixes feedback from discussion #845
This commit is contained in:
rcourtman 2025-12-16 20:59:42 +00:00
parent 9dc365c9c6
commit 6bfa8a3837
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend-modern/src/components/AI/AIChat.tsx
View file

@ -1003,7 +1003,7 @@ export const AIChat: Component<AIChatProps> = (props) => {
</svg>
</button>
<Show when={showModelSelector()}>
<div class="absolute right-0 top-full mt-1 w-64 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50 py-1">
<div class="absolute right-0 top-full mt-1 w-64 max-h-80 overflow-y-auto bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50 py-1">
<button
onClick={() => { setSelectedModel(''); setShowModelSelector(false); }}
class={`w-full px-3 py-2 text-left text-sm hover:bg-gray-100 dark:hover:bg-gray-700 ${!selectedModel() ? 'bg-blue-50 dark:bg-blue-900/30' : ''}`}