diff --git a/client/src/App.css b/client/src/App.css index 3421dd9..2868e45 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -63,6 +63,16 @@ body { margin-bottom: 15px; } +.auth-brand-title-row { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + gap: 10px; + margin-bottom: 14px; +} + +.auth-brand-title-row h1, .auth-brand h1 { font-size: 32px; font-weight: 700; @@ -71,7 +81,7 @@ body { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; - margin: 0 0 14px 0; + margin: 0; line-height: 1.25; letter-spacing: -0.5px; } @@ -3191,6 +3201,28 @@ html.theme-cupertino .events-scroll-container { border: 1px solid rgba(251, 191, 36, 0.25); } +.beta-badge { + display: inline-flex; + align-items: center; + padding: 2px 8px; + border-radius: 999px; + font-size: 11px; + font-weight: 600; + letter-spacing: 0.04em; + text-transform: uppercase; + color: var(--app-accent-light); + background: var(--app-accent-bg); + border: 1px solid var(--app-accent-focus-ring); + flex-shrink: 0; +} + +.header-brand-title-row { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 10px; +} + .role-badge { display: inline-flex; align-items: center; diff --git a/client/src/App.tsx b/client/src/App.tsx index 58e2a02..5d1e7ee 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -28,6 +28,7 @@ import PwaInstallPrompt from './components/PwaInstallPrompt.tsx' import PwaUpdatePrompt from './components/PwaUpdatePrompt.tsx' import AppFooter from './components/AppFooter.tsx' import LogbookRoleBadge from './components/LogbookRoleBadge.tsx' +import BetaBadge from './components/BetaBadge.tsx' import { db } from './services/db.js' import { getLogbookAccess } from './services/logbookAccess.js' import type { LogbookAccessRole } from './services/logbook.js' @@ -452,6 +453,7 @@ function App() {
- {t('auth.tagline')}
{t('app.tagline')}