Rodrigo Rodriguez (Pragmatismo)
8c2b17c615
Switch messages area to fixed positioning with centered transform for better layout stability. Enhance scrollbar appearance with thin style, improved colors
30 lines
1,015 B
HTML
30 lines
1,015 B
HTML
<div class="chat-layout" id="chat-app">
|
|
<div id="connectionStatus" class="connection-status disconnected"></div>
|
|
<main id="messages"></main>
|
|
|
|
<footer>
|
|
<div class="suggestions-container" id="suggestions"></div>
|
|
<div class="input-container">
|
|
<input
|
|
id="messageInput"
|
|
type="text"
|
|
placeholder="Message..."
|
|
autofocus
|
|
/>
|
|
<button id="voiceBtn" title="Voice">🎤</button>
|
|
<button id="sendBtn" title="Send">↑</button>
|
|
</div>
|
|
</footer>
|
|
<button class="scroll-to-bottom" id="scrollToBottom">↓</button>
|
|
<div class="context-indicator" id="contextIndicator">
|
|
<div>Context</div></div>
|
|
<div id="contextPercentage">0%</div>
|
|
<div class="context-progress">
|
|
<div
|
|
class="context-progress-bar"
|
|
id="contextProgressBar"
|
|
style="width: 0%"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</div>
|