Feat: Redesign settings switches

This commit is contained in:
2025-09-13 01:41:39 -07:00
parent c0960a6ccb
commit 63f0afb9de

View File

@@ -94,9 +94,9 @@
<div><label class="block text-gray-700 font-medium mb-1">Verbosity</label><select id="set_verbosity" class="w-full rounded-xl border border-gray-300 px-3 py-2"><option value="">Omitted</option><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option></select></div>
</div>
<div class="flex flex-wrap gap-2 pt-2">
<input id="set_include_thoughts" type="checkbox" class="peer sr-only"/><label for="set_include_thoughts" class="inline-flex cursor-pointer select-none items-center rounded-full border border-gray-300 bg-transparent py-0.5 px-3 text-xs font-medium text-gray-500 peer-checked:border-black peer-checked:bg-black peer-checked:text-white">Include thoughts</label>
<input id="set_json_output" type="checkbox" class="peer sr-only"/><label for="set_json_output" class="inline-flex cursor-pointer select-none items-center rounded-full border border-gray-300 bg-transparent py-0.5 px-3 text-xs font-medium text-gray-500 peer-checked:border-black peer-checked:bg-black peer-checked:text-white">JSON Output</label>
<input id="set_hide_composer" type="checkbox" class="peer sr-only"/><label for="set_hide_composer" class="inline-flex cursor-pointer select-none items-center rounded-full border border-gray-300 bg-transparent py-0.5 px-3 text-xs font-medium text-gray-500 peer-checked:border-black peer-checked:bg-black peer-checked:text-white">Hide composer</label>
<input id="set_include_thoughts" type="checkbox" class="peer sr-only"/><label for="set_include_thoughts" class="inline-flex cursor-pointer items-center rounded-full border border-slate-300 bg-transparent py-0.5 px-3 text-xs text-slate-500 peer-checked:border-gray-300 peer-checked:bg-gray-200 peer-checked:text-slate-800">Include thoughts</label>
<input id="set_json_output" type="checkbox" class="peer sr-only"/><label for="set_json_output" class="inline-flex cursor-pointer items-center rounded-full border border-slate-300 bg-transparent py-0.5 px-3 text-xs text-slate-500 peer-checked:border-gray-300 peer-checked:bg-gray-200 peer-checked:text-slate-800">JSON Output</label>
<input id="set_hide_composer" type="checkbox" class="peer sr-only"/><label for="set_hide_composer" class="inline-flex cursor-pointer items-center rounded-full border border-slate-300 bg-transparent py-0.5 px-3 text-xs text-slate-500 peer-checked:border-gray-300 peer-checked:bg-gray-200 peer-checked:text-slate-800">Hide composer</label>
</div>
</div>
<div id="panelPrompt" class="p-4 space-y-4 hidden">