Rodrigo Rodriguez (Pragmatismo)
444b424739
Rewrites chat.css to use centralized CSS variables from app.css instead of maintaining its own theme definitions. Moves all theme variables (colors, spacing, shadows, transitions) to app.css as the single source of truth. Improves chat UI consistency, adds better connection status indicators, and enhances responsive design.
20 lines
714 B
HTML
20 lines
714 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="flash-overlay" id="flashOverlay"></div>
|
|
</div>
|