From ca9c53feeca8888fa361a43be20125d2781f0de5 Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Fri, 5 Dec 2025 17:48:41 -0800
Subject: [PATCH] Fix: Remove overflow-hidden to show popup, add quant dropdown

---
 src/parts/modals.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/parts/modals.html b/src/parts/modals.html
index d257cb3..055048e 100644
--- a/src/parts/modals.html
+++ b/src/parts/modals.html
@@ -13,7 +13,7 @@
 <div id="suneModal" class="hidden fixed inset-0 z-50">
   <div class="absolute inset-0 bg-black/30"></div>
   <div class="absolute inset-x-0 top-12 mx-auto w-full max-w-md px-4">
-    <div class="rounded-2xl bg-white shadow-xl border border-gray-200 overflow-hidden">
+    <div class="rounded-2xl bg-white shadow-xl border border-gray-200">
       <div class="px-4 py-3 border-b text-sm font-semibold flex items-center gap-2"><input id="suneURL" type="text" placeholder="" class="flex-1 min-w-0 h-10 rounded-xl border-0 bg-gray-50 px-3 text-gray-400 placeholder:text-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-200 focus:bg-white text-xs font-mono focus:text-black"/><button id="syncSune" class="p-1.5 rounded hover:bg-gray-100" aria-label="Refresh"><i data-lucide="refresh-cw" class="h-5 w-5"></i></button></div>
       <form id="settingsForm" class="text-sm">
         <div class="border-b flex text-xs font-medium"><button type="button" id="tabModel" class="flex-1 py-2 px-3 text-center border-b-2 border-black">Model & Sampling</button><button type="button" id="tabPrompt" class="flex-1 py-2 px-3 text-center border-b-2 border-transparent hover:border-gray-300">System Prompt</button><button type="button" id="tabScript" class="flex-1 py-2 px-3 text-center border-b-2 border-transparent hover:border-gray-300">HTML</button></div>
@@ -30,7 +30,7 @@
             <div class="relative">
               <label class="block text-gray-700 font-medium mb-1">Quantization</label>
               <button type="button" id="quantDropdownBtn" class="w-full text-left rounded-xl border border-gray-300 px-3 py-2 bg-white truncate text-gray-500">Any</button>
-              <div id="quantDropdownMenu" class="hidden absolute z-10 mt-1 w-full rounded-xl border border-gray-300 bg-white shadow-lg max-h-60 overflow-y-auto p-2 space-y-1">
+              <div id="quantDropdownMenu" class="hidden absolute z-20 mt-1 w-full rounded-xl border border-gray-300 bg-white shadow-lg max-h-60 overflow-y-auto p-2 space-y-1">
                 <label class="flex items-center gap-2 p-1 hover:bg-gray-50 rounded cursor-pointer"><input type="checkbox" value="int4" class="rounded border-gray-300 text-black focus:ring-black"> <span class="text-sm">int4</span></label>
                 <label class="flex items-center gap-2 p-1 hover:bg-gray-50 rounded cursor-pointer"><input type="checkbox" value="int8" class="rounded border-gray-300 text-black focus:ring-black"> <span class="text-sm">int8</span></label>
                 <label class="flex items-center gap-2 p-1 hover:bg-gray-50 rounded cursor-pointer"><input type="checkbox" value="fp4" class="rounded border-gray-300 text-black focus:ring-black"> <span class="text-sm">fp4</span></label>