mobile CSS
This commit is contained in:
@@ -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,
|
||||
]);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user