gsadmin/pulse
1
0
Fork 0
mirror of https://github.com/rcourtman/Pulse.git synced 2026-09-10 18:45:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

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 5591b3006f
commit cdbaa6cbf8
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-modern/src/components/AI/AIChat.tsx
+1 -1
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' : ''}`}