Page MenuHomeSealhub
Files F10361092

No OneTemporary
Actions

View Options

diff --git a/src/back/routes/common/navbar.ts b/src/back/routes/common/navbar.ts
index 28af33f..29797aa 100644
--- a/src/back/routes/common/navbar.ts
+++ b/src/back/routes/common/navbar.ts
@@ -1,35 +1,41 @@
import type { BaseContext } from "koa";
-import type { FlatTemplatable } from "tempstream";
+import { button } from "src/back/elements/button.js";
+import { tempstream, type FlatTemplatable } from "tempstream";
export async function default_navbar(ctx: BaseContext): Promise<FlatTemplatable> {
const { items: navbar_items } = await ctx.$app.collections["navbar-links"]
.list(ctx.$context)
.fetch();
const linkData = navbar_items.map((e) => ({
text: e.get("label"),
url: e.get("href"),
}));
const linksHTML = linkData
- .map((link) =>
- link.url === new URL(ctx.url, "https://a.com").pathname // checking if it's the current path we're looking at
- ? `<li class="active"><span>${link.text}</span></li>`
- : /* HTML */ `<li><a href="${link.url}">${link.text}</a></li>`
+ .map(
+ (link) => /* HTML */ tempstream`<li>
+ ${button({
+ text: link.text || "",
+ href: link.url || "",
+ variant: "accent1",
+ disabled: link.url == new URL(ctx.url, "https://a.com").pathname, // checking if it's the current path we're looking at
+ })}
+ </li>`
)
.join("\n");
- return /* HTML */ ` <nav>
+ return /* HTML */ `<nav>
<a href="/" class="nav-logo">
<img
src="/assets/logo"
alt="${ctx.$app.manifest.name} - logo"
width="50"
height="50"
/>
${ctx.$app.manifest.name}
</a>
<ul>
${linksHTML}
</ul>
</nav>`;
}
diff --git a/src/main.css b/src/main.css
index fe3d379..4207e25 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,55 +1,65 @@
html {
background: var(--color-brand-canvas);
font-family: "Atkinson Hyperlegible", -apple-system, system-ui, BlinkMacSystemFont,
"Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Lato", "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 14px;
}
body {
max-width: 1024px;
margin: 1rem auto;
background: var(--color-brand-text-bg);
color: var(--color-brand-text-fg);
padding: 1rem;
}
.delete-button {
height: 1rem;
padding: 0;
line-height: 0;
padding: 0.5rem;
}
.nav-logo {
display: flex;
align-items: center;
}
-nav a:not(:visited) {
- color: var(--primary-accent-color);
+nav {
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ ul {
+ display: flex;
+ gap: 8px;
+ padding-left: 0px;
+
+ li {
+ list-style: none;
+ }
+ }
}
.form-input__wrapper--control-type__photo {
display: flex;
flex-flow: row wrap;
label {
width: 100%;
}
}
body.jdd-editor {
margin: 0 !important;
padding: 0 !important;
}
a {
color: var(--color-brand-link-fg);
}
-
.sealious-list__actions {
- display: flex;
- gap: 16px;
+ display: flex;
+ gap: 16px;
}

File Metadata

Mime Type
text/x-diff
Expires
Sat, Nov 8, 11:03 (1 d, 6 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1034498
Default Alt Text
(2 KB)

Event Timeline