notid/ai-game-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Bryce
2026-04-04 06:41:02 -07:00
parent 3fc5e9f215
commit 078b3a4cdd
26 changed files with 704 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
tools/ora_editor/templates/modals/settings.html
View File

@@ -1,9 +1,20 @@
<!-- Settings modal for ORA Editor -->
<div x-show="showSettings" @keydown.escape.window="showSettings = false"
class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-75">
<div class="bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4 border border-gray-600">
<h2 class="text-xl font-bold mb-4">Settings</h2>
class="fixed inset-0 z-[50] pt-12 lg:pt-0">
<!-- Backdrop (allows clicks to close) -->
<div @click="showSettings = false" class="absolute inset-0 bg-black bg-opacity-75"></div>
<!-- Close button (top right, above backdrop) -->
<button
@click="showSettings = false"
class="absolute top-4 right-4 z-[51] bg-gray-700 hover:bg-gray-600 rounded-full w-10 h-10 flex items-center justify-center text-xl min-h-[2.5rem] touch-manipulation lg:top-4"
>✕</button>
<!-- Modal content - above backdrop, full screen on mobile, centered on desktop -->
<div class="absolute inset-0 pt-12 lg:pt-0 overflow-auto p-4 z-[51]">
<div class="max-w-md mx-auto h-full flex flex-col lg:bg-gray-800 lg:rounded-lg lg:p-6 lg:border lg:border-gray-600 lg:my-auto">
<h2 class="text-xl font-bold mb-4">Settings</h2>
<div class="mb-4">
<label class="block text-sm text-gray-300 mb-2">ComfyUI Server URL</label>
@@ -11,13 +22,14 @@
type="text"
x-model="comfyUrl"
placeholder="127.0.0.1:8188"
class="w-full bg-gray-700 border border-gray-600 rounded px-3 py-2 text-white focus:outline-none focus:border-blue-500"
class="w-full bg-gray-700 border border-gray-600 rounded px-3 py-2 text-white focus:outline-none focus:border-blue-500 min-h-[2.5rem] touch-manipulation"
>
</div>
<div class="flex gap-4 justify-end mt-4">
<button @click="showSettings = false" class="bg-gray-600 hover:bg-gray-500 px-4 py-2 rounded transition">Cancel</button>
<button @click="saveSettings()" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded transition">Save</button>
<div class="flex gap-4 justify-end mt-4 lg:flex lg:justify-end flex-col">
<button @click="saveSettings()" class="w-full bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded transition min-h-[2.5rem] touch-manipulation">Save</button>
<button @click="showSettings = false" class="w-full bg-gray-600 hover:bg-gray-500 px-4 py-2 rounded transition min-h-[2.5rem] touch-manipulation">Cancel</button>
</div>
</div>
</div>
</div>