jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(rdesign): move prompt input above replies in chat panel 

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-24 11:37:08 -07:00
parent 3cb2298569
commit fdf4db2050
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
modules/rdesign/mod.ts
View File

@ -78,7 +78,7 @@ const RDESIGN_CSS = `
.rd-split { display:flex; flex:1; overflow:hidden; }
.rd-chat { flex:1; display:flex; flex-direction:column; min-width:300px; border-right:1px solid var(--rs-border); background:var(--rs-bg-page); }
.rd-chat-messages { flex:1; overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:8px; }
.rd-chat-input { display:flex; gap:8px; padding:8px 12px; border-top:1px solid var(--rs-border); background:var(--rs-bg-surface); align-items:flex-end; }
.rd-chat-input { display:flex; gap:8px; padding:8px 12px; border-bottom:1px solid var(--rs-border); background:var(--rs-bg-surface); align-items:flex-end; }
.rd-chat-input textarea { flex:1; padding:8px 12px; border:2px solid var(--rs-border); border-radius:8px; font-size:13px; resize:none; outline:none; font-family:inherit; background:var(--rs-bg-page); color:var(--rs-text-primary); box-sizing:border-box; max-height:120px; }
.rd-chat-input textarea:focus { border-color:#7c3aed; }
.rd-chat-input textarea::placeholder { color:var(--rs-text-secondary); }
@ -476,13 +476,13 @@ function renderDesignApp(space: string, novncUrl: string): string {
</div>
<div class="rd-split">
<div class="rd-chat">
<div class="rd-chat-messages" id="rd-messages">
<div class="rd-msg-system">Enter a design brief to get started.</div>
</div>
<div class="rd-chat-input">
<textarea id="rd-input" rows="2" placeholder="Describe your design..."></textarea>
<button id="rd-send" class="rd-btn rd-btn-primary">Send</button>
</div>
<div class="rd-chat-messages" id="rd-messages">
<div class="rd-msg-system">Enter a design brief to get started.</div>
</div>
</div>
<div class="rd-editor">
<div class="rd-canvas" id="rd-canvas">