multipleof4/sune
1
0
Fork 0
mirror of https://github.com/multipleof4/sune.git synced 2026-01-13 16:17:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Remove overflow-hidden to show popup, add quant dropdown

Browse Source
This commit is contained in:
multipleof4
2025-12-05 17:48:41 -08:00
parent dd7a3e0152
commit ca9c53feec
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/parts/modals.html
View File

@@ -13,7 +13,7 @@
<div id="suneModal" class="hidden fixed inset-0 z-50"> <div id="suneModal" class="hidden fixed inset-0 z-50">
<div class="absolute inset-0 bg-black/30"></div> <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="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> <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"> <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> <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"> <div class="relative">
<label class="block text-gray-700 font-medium mb-1">Quantization</label> <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> <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="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="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> <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>