BlueSky & more on desktop
lazurite.stormlightlabs.org/
tauri
rust
typescript
bluesky
appview
atproto
solid
1type HeaderPanelProps = { metaLabel: string };
2
3export function HeaderPanel(props: HeaderPanelProps) {
4 return (
5 <header class="grid gap-4 xl:grid-cols-[minmax(0,1fr)_auto] xl:items-start">
6 <div class="grid gap-0.5">
7 <h1 class="m-0 text-[clamp(1.6rem,3vw,2.4rem)] font-semibold leading-[1.08] tracking-[-0.03em]">Lazurite</h1>
8 <p class="m-0 text-xs text-on-surface-variant">Powered by Bluesky</p>
9 </div>
10 <p class="overline-copy text-xs tracking-[0.18em] text-on-surface-variant xl:pt-2">{props.metaLabel}</p>
11 </header>
12 );
13}