diff --git a/apps/tempo-snapshots-viewer/src/index.ts b/apps/tempo-snapshots-viewer/src/index.ts index 85bee010e..e3492a681 100644 --- a/apps/tempo-snapshots-viewer/src/index.ts +++ b/apps/tempo-snapshots-viewer/src/index.ts @@ -924,6 +924,10 @@ async function handleUI(_req: Request, env: Env) { --badge-channel-fg: oklch(0.35 0.15 155); --badge-edge-bg: oklch(0.92 0.08 55); --badge-edge-fg: oklch(0.35 0.15 55); + --notice-bg: #fff7ed; + --notice-border: #fed7aa; + --notice-fg: #7c2d12; + --notice-link: #9a3412; --btn-primary-bg: oklch(0.45 0.2 260); --btn-primary-hover: oklch(0.40 0.22 260); --size-fg: #333; @@ -963,6 +967,10 @@ async function handleUI(_req: Request, env: Env) { --badge-channel-fg: oklch(0.82 0.12 155); --badge-edge-bg: oklch(0.22 0.04 55); --badge-edge-fg: oklch(0.82 0.12 55); + --notice-bg: #241309; + --notice-border: #7c2d12; + --notice-fg: #fed7aa; + --notice-link: #fdba74; --btn-primary-bg: #f5f5f5; --btn-primary-hover: #ffffff; --size-fg: #d4d4d4; @@ -1035,6 +1043,24 @@ async function handleUI(_req: Request, env: Env) { font-size: 1.1rem; } + .snapshot-notice { + margin-top: 1.5rem; + max-width: 900px; + border: 1px solid var(--notice-border); + background: var(--notice-bg); + color: var(--notice-fg); + padding: 1rem 1.125rem; + font-size: 0.95rem; + line-height: 1.55; + } + + .snapshot-notice a { + color: var(--notice-link); + font-weight: 700; + text-decoration: underline; + text-underline-offset: 2px; + } + .cmd-box { margin-top: 1.5rem; display: inline-flex; @@ -2067,6 +2093,9 @@ async function handleUI(_req: Request, env: Env) {

Tempo Snapshots

Configure your own node with our modular snapshots.

+
+ Follow docs.tempo.xyz for current snapshot instructions. Minimal snapshots are coming soon. +