feat: add EnvBanner component for non-production environments

Standalone component that renders a small banner whenever
environment.production is false, so the local dev build is never
mistaken for the real app.
This commit is contained in:
Bastian Wagner
2026-08-05 12:26:46 +02:00
parent 77ed71cfb6
commit 95a667cb98
4 changed files with 61 additions and 0 deletions

View File

@@ -0,0 +1,14 @@
// Höhe muss mit ENV_BANNER_HEIGHT_PX in env-banner.ts übereinstimmen.
.env-banner {
height: 28px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: #f4a300;
color: #20251f;
font-weight: 700;
font-size: 0.75rem;
letter-spacing: 0.04em;
text-transform: uppercase;
}