savethenurse/ai-media-hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine modal actions and hide query variants
build-push / docker (push) Successful in 4m29s
Details

Browse Source
This commit is contained in:
AI Assistant
2026-03-16 17:09:56 +09:00
parent 19425c9503
commit 001f4fd4bb
4 changed files with 68 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+15 -8
View File
@@ -46,7 +46,7 @@
<button class="rounded-2xl border border-white bg-white px-7 py-4 text-base font-medium text-black transition hover:bg-zinc-200">AI Search</button>
</form>
<div id="searchWarning" class="mt-3 hidden rounded-2xl border border-amber-500/30 bg-amber-500/10 px-4 py-3 text-sm text-amber-200"></div>
<div id="queryVariants" class="mt-3 hidden flex-wrap gap-2"></div>
<div id="queryVariants" class="hidden"></div>
<div id="searchResults" class="mt-6 grid gap-5 sm:grid-cols-2 xl:grid-cols-3"></div>
</article>
@@ -184,13 +184,20 @@
<p class="text-xs uppercase tracking-[0.25em] text-zinc-500">AI Note</p>
<p id="resultModalReason" class="mt-3 whitespace-pre-wrap text-sm leading-7 text-zinc-200"></p>
</div>
<div class="space-y-4 rounded-2xl border border-white/10 bg-white/[0.03] p-5">
<button id="resultModalDownload" type="button" class="hidden w-full rounded-2xl border border-white bg-white px-4 py-3 text-sm font-medium text-black transition hover:bg-zinc-200">
Direct Download
</button>
<div>
<div class="flex min-h-[260px] flex-col rounded-2xl border border-white/10 bg-white/[0.03] p-5">
<div class="mb-4 flex flex-col gap-3">
<button id="resultModalDownload" type="button" class="hidden w-full rounded-2xl border border-white bg-white px-4 py-3 text-sm font-medium text-black transition hover:bg-zinc-200">
Primary Action
</button>
<button id="resultModalSecondaryAction" type="button" class="hidden w-full rounded-2xl border border-white/10 px-4 py-3 text-sm font-medium text-zinc-100 transition hover:border-white/30">
Secondary Action
</button>
</div>
<div class="flex min-h-0 flex-1 flex-col">
<p class="text-xs uppercase tracking-[0.25em] text-zinc-500">Source Summary</p>
<p id="resultModalSnippet" class="mt-3 text-sm leading-7 text-zinc-300"></p>
<div class="result-summary-scroll mt-3 min-h-0 flex-1 overflow-y-auto pr-2">
<p id="resultModalSnippet" class="text-sm leading-7 text-zinc-300"></p>
</div>
</div>
</div>
</div>
@@ -216,6 +223,6 @@
</button>
</template>
<script src="/app.js?v=20260316h" defer></script>
<script src="/app.js?v=20260316i" defer></script>
</body>
</html>