fix(generator): anchor preview bottom to modal edge
This commit is contained in:
@@ -176,7 +176,7 @@
|
||||
<div class="col-span-5 bg-slate-900 flex flex-col overflow-hidden relative">
|
||||
|
||||
<!-- Preview Header -->
|
||||
<div class="h-10 bg-slate-950 border-b border-slate-800 px-4 flex items-center justify-between text-xs font-mono">
|
||||
<div class="h-10 shrink-0 bg-slate-950 border-b border-slate-800 px-4 flex items-center justify-between text-xs font-mono">
|
||||
<span class="text-slate-300 font-bold flex items-center gap-2">
|
||||
<i class="fa-solid fa-code text-cyan-400"></i> LIVE PROMPT PREVIEW
|
||||
</span>
|
||||
@@ -191,8 +191,8 @@
|
||||
</div>
|
||||
|
||||
<!-- Live Generated Text Output Box -->
|
||||
<div class="flex-1 p-4 overflow-y-auto custom-scrollbar">
|
||||
<div id="promptOutputText" class="w-full h-full bg-slate-950 border border-slate-800 rounded-xl p-4 font-mono text-xs text-slate-200 leading-relaxed whitespace-pre-wrap select-text selection:bg-cyan-900 selection:text-white">
|
||||
<div class="flex-1 flex flex-col min-h-0 p-4">
|
||||
<div id="promptOutputText" class="w-full flex-1 bg-slate-950 border border-slate-800 rounded-xl p-4 font-mono text-xs text-slate-200 leading-relaxed whitespace-pre-wrap select-text selection:bg-cyan-900 selection:text-white overflow-y-auto custom-scrollbar">
|
||||
<!-- Text generated dynamically -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user