mobile CSS

This commit is contained in:
2026-09-24 09:50:05 -07:00
parent f82628f168
commit 3bc266ce2b
2 changed files with 60 additions and 9 deletions

View File

@@ -189,18 +189,23 @@ async function doLogin() {
}
function header() {
const menu = el("div", { class: "topbar-right", id: "mobile-menu" }, [
el("select", { id: "user-select", class: "user-select", onchange: onUserChange }),
el("button", { class: "btn primary", text: "+ New note", onclick: () => openNote(null) }),
el("button", { class: "btn ghost", text: "Help", onclick: showHelp }),
el("button", { class: "btn ghost", text: "quickSnote", onclick: showTools }),
themeSelector(),
]);
const burger = el("button", { class: "menu-toggle", title: "Menu", "aria-label": "Menu", onclick: () => menu.classList.toggle("open") }, [
el("span", {}), el("span", {}), el("span", {}),
]);
return el("header", { class: "topbar" }, [
el("div", { class: "brand" }, [
el("img", { src: "/static/snotes-logo.png", class: "brand-logo", alt: "snotes" }),
]),
burger,
el("input", { id: "search", class: "search", type: "search", placeholder: "Search notes…", oninput: debounce(onSearch, 250) }),
el("div", { class: "topbar-right" }, [
el("select", { id: "user-select", class: "user-select", onchange: onUserChange }),
el("button", { class: "btn primary", text: "+ New note", onclick: () => openNote(null) }),
el("button", { class: "btn ghost", text: "Help", onclick: showHelp }),
el("button", { class: "btn ghost", text: "quickSnote", onclick: showTools }),
themeSelector(),
]),
menu,
]);
}