style: cream nav header — logo readable, burnt-orange bottom rule, subtle drop shadow

This commit is contained in:
oliver
2026-04-24 13:22:10 -03:00
parent 9677ebbaf3
commit 62cc74f1c0
+8 -9
View File
@@ -96,10 +96,11 @@
top: 0; top: 0;
z-index: 500; z-index: 500;
height: 62px; height: 62px;
background: rgba(62, 39, 35, 0.97); background: rgba(255, 243, 224, 0.97);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border); border-bottom: 2px solid var(--gold);
box-shadow: 0 2px 14px rgba(62, 39, 35, 0.1);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
@@ -263,7 +264,7 @@
.nav-chat { .nav-chat {
display: flex; display: flex;
align-items: center; align-items: center;
background: rgba(80, 56, 30, 0.55); background: rgba(93, 64, 55, 0.08);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 4px; border-radius: 4px;
height: 34px; height: 34px;
@@ -285,7 +286,7 @@
padding: 0 10px; padding: 0 10px;
font-size: 0.78rem; font-size: 0.78rem;
font-family: "Segoe UI", system-ui, sans-serif; font-family: "Segoe UI", system-ui, sans-serif;
color: var(--card); color: var(--white);
min-width: 0; min-width: 0;
height: 100%; height: 100%;
} }
@@ -1308,7 +1309,7 @@
<!-- NAV --> <!-- NAV -->
<nav> <nav>
<a class="nav-logo" href="#" <a class="nav-logo" href="#"
><img src="logo.png" alt="my-biz.app" ><img src="img/logo.svg" alt="my-biz.app"
/></a> /></a>
<div class="nav-center"> <div class="nav-center">
<a class="nav-cta-book" href="#">Book Meeting</a> <a class="nav-cta-book" href="#">Book Meeting</a>
@@ -2039,13 +2040,11 @@
fetch(CHAT_URL, { fetch(CHAT_URL, {
method: "POST", method: "POST",
headers: { "Content-Type": "application/json" }, headers: { "Content-Type": "application/json" },
body: JSON.stringify([ body: JSON.stringify({
{
action: "sendMessage", action: "sendMessage",
chatid: CHAT_ID, chatid: CHAT_ID,
chatInput: text, chatInput: text,
}, }),
]),
}) })
.then(function (r) { .then(function (r) {
var ct = r.headers.get("content-type") || ""; var ct = r.headers.get("content-type") || "";