ginnoirandClaude Opus 4.7
9612a54e52
Release / build-and-push (push) Has been cancelled
Replaces the generic shadcn/ui gray theme + horizontal top-bar shell with the paper-and-ink language from the Claude Design handoff bundle: warm off-white paper, near-black ink, Source Serif 4 + Inter, hairline borders, muted ink accents (clay/indigo/sage/plum/ochre) used functionally for calendars and share scopes. Theme switcher expanded from 2 dimensions (theme × mode) to 7: palette × mode × fontPair × density × dashLayout × calView × navStyle. All exposed in Settings → Appearance and persisted on the users row. Pre-paint script applies all four data-* attributes from localStorage so reload doesn't flash. App shell restructured to a CSS-grid driven by data-nav on <html>: sidebar on desktop, bottom-nav + FAB under 760px. Four desktop nav modes wired (sidebar/rail/top/fab-only). Topbar gets a search-→-CommandPalette button, notification bell, "+ New" quick-add, avatar. Dashboard, calendar, lists, notes, settings, login, public share viewer, and quick-add sheet all reskinned. Dashboard editor gains a Preset menu (classic/split/glance) that fills the layout from the registered widgets. FullCalendar wrapped in .fc-skin and inherits all paper-and-ink tokens via CSS variable overrides. Public share viewer (/s/<token>) rebuilt around ShareFrame: expiration banner, brand strip, eyebrow chip, 38px serif title, mini-day + mini-map cards, share-rows. Schema: drops users.theme; adds theme_palette, theme_font_pair, theme_density, theme_dash_layout, theme_cal_view, theme_nav_style with defaults that match the design (clay / serif-sans / regular / classic / month / rail-desktop). Migration 0014_paper_ink_theme. Middleware sets x-pathname so the AppShell server component can render bare for /s/* and /login without a route-group refactor. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import Link from "next/link";
|
|
import { ShareBanner } from "./share-banner";
|
|
import { ShareBrandStrip } from "./share-brand-strip";
|
|
|
|
interface Props {
|
|
expiresAt?: Date | null;
|
|
capabilities: { read: boolean; write: boolean };
|
|
token: string;
|
|
sharedByName?: string | null;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export function ShareFrame({ expiresAt, capabilities, token, sharedByName, children }: Props) {
|
|
return (
|
|
<div className="min-h-screen flex flex-col">
|
|
<ShareBanner expiresAt={expiresAt ?? null} capabilities={capabilities} token={token} />
|
|
<ShareBrandStrip sharedByName={sharedByName} />
|
|
<main className="flex-1 w-full mx-auto" style={{ maxWidth: 720, padding: "36px 24px 80px" }}>
|
|
{children}
|
|
<ShareFoot />
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function ShareFoot() {
|
|
return (
|
|
<div className="muted text-center text-[12px] mt-16 leading-[1.6]">
|
|
<p className="mb-1">
|
|
This page is a snapshot. The original lives in the host's famapp household and may
|
|
change — we'll reflect updates here until the link expires.
|
|
</p>
|
|
<p className="m-0">
|
|
Hosted on <code style={{ fontFamily: "var(--mono)", fontSize: 11 }}>famapp</code> ·
|
|
self-hosted ·{" "}
|
|
<Link
|
|
href="/"
|
|
className="underline"
|
|
style={{ color: "var(--ink-soft)", textUnderlineOffset: 3 }}
|
|
>
|
|
about famapp
|
|
</Link>
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|