Oliver/derez.ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: input bar back in header, panel standalone below, hero spacing restored

Browse Source
This commit is contained in:
Oliver
2026-06-06 17:22:01 -03:00
parent 816e53f121
commit a048f1c1a8
1 changed files with 20 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+15 -27
View File
@@ -336,7 +336,7 @@
HERO
══════════════════════════════════════════════════════════ */
.hero {
padding: 104px 0 80px;
padding: 140px 0 80px;
text-align: center;
position: relative;
overflow: hidden;
@@ -960,7 +960,7 @@
.features-grid { grid-template-columns: 1fr; }
.hero-stats { gap: 24px; }
.hero { padding: 90px 0 60px; }
.hero { padding: 110px 0 60px; }
section { padding: 60px 0; }
.pricing-card { padding: 32px 24px; }
@@ -971,15 +971,7 @@
}
}
/* ── Chat Bar (standalone below header) ───────────────── */
.nav-chat-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 340px;
max-width: 100%;
position: relative;
}
/* ── Chat ──────────────────────────────────────────────── */
.nav-chat-panel {
width: 340px;
max-width: 100%;
@@ -991,10 +983,11 @@
overflow: hidden;
display: none;
flex-direction: column;
margin-bottom: 8px;
z-index: 9999;
margin-top: 66px;
margin-left: 24px;
}
#nav-chat.open .nav-chat-panel {
.nav-chat-panel.open {
display: flex;
}
.nav-chat-main {
@@ -1098,7 +1091,7 @@
opacity: 0.6;
}
@media (max-width: 700px) {
.nav-chat-wrap { display: none; }
.nav-chat-main { display: none; }
}
</style>
</head>
@@ -1126,7 +1119,11 @@
<li><a href="#pricing">Pricing</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
<div class="nav-chat-main">
<button class="nav-chat-toggle" id="nav-chat-toggle" onclick="chatToggle()" aria-label="Toggle chat history">💬</button>
<input type="text" class="nav-chat-input" id="chat-input" placeholder="Ask your sales agent" onkeydown="chatKey(event)" />
<button class="nav-chat-send" id="chat-send-btn" onclick="chatSend()">➤</button>
</div>
<div class="header-actions">
<a href="https://app.derez.ai" class="btn-login">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -1144,10 +1141,8 @@
</header>
<!-- ═══════════════════════════════════════════════════════════════
CHAT BAR (standalone below fixed header)
CHAT PANEL (standalone below fixed header)
═══════════════════════════════════════════════════════════════ -->
<div class="container" style="padding-top: 66px; padding-bottom: 6px;">
<div class="nav-chat-wrap" id="nav-chat">
<div class="nav-chat-panel" id="chat-panel" aria-hidden="true">
<div class="chat-panel-header">
<span class="chat-panel-title">💬 Sales Agent</span>
@@ -1155,13 +1150,6 @@
</div>
<div class="chat-history" id="chat-msgs"></div>
</div>
<div class="nav-chat-main">
<button class="nav-chat-toggle" id="nav-chat-toggle" onclick="chatToggle()" aria-label="Toggle chat history">💬</button>
<input type="text" class="nav-chat-input" id="chat-input" placeholder="Ask your sales agent" onkeydown="chatKey(event)" />
<button class="nav-chat-send" id="chat-send-btn" onclick="chatSend()">➤</button>
</div>
</div>
</div>
<!-- ═══════════════════════════════════════════════════════════════
HERO
@@ -1860,7 +1848,7 @@
function chatToggle() {
chatOpen = !chatOpen;
document.getElementById("nav-chat").classList.toggle("open", chatOpen);
document.getElementById("chat-panel").classList.toggle("open", chatOpen);
document.getElementById("chat-panel").setAttribute("aria-hidden", !chatOpen);
if (chatOpen) {
if (!chatId) {
@@ -1878,7 +1866,7 @@
function chatOpenSilent() {
if (!chatOpen) {
chatOpen = true;
document.getElementById("nav-chat").classList.add("open");
document.getElementById("chat-panel").classList.add("open");
document.getElementById("chat-panel").setAttribute("aria-hidden", "false");
}
}