luckberg/familysync
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(17-04): wire logo img into BrandSlot, set --brand-logo-border-radius 0

Browse Source 
- Replace placeholder FS div with decorative <img src="/logo.svg" alt="" aria-hidden>
- Apply Surface B-1 style (width/height brand-logo-size, borderRadius token, contain/block)
- Update --brand-logo-border-radius from 50% to 0 (SVG draws its own rx=104 shape)
- h1 FamilySync and tagline p unchanged; LoginPage.tsx untouched (seam contract honored)
- No dangerouslySetInnerHTML (T-05-24 invariant maintained)
This commit is contained in:
Lucas Berger
2026-06-18 12:48:55 -04:00
parent 9e080fb22a
commit ce95aa3e6b
2 changed files with 18 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/pwa/src/styles/tokens.css
+1 -1
View File
@@ -103,7 +103,7 @@
--brand-logo-bg: var(--color-member-0); /* placeholder circle background */
--brand-logo-text: #ffffff; /* placeholder initials color */
--brand-logo-size: 48px; /* reserved slot height; keep 1:1 aspect */
--brand-logo-border-radius: 50%; /* circle for initials; Phase 17 may change */
--brand-logo-border-radius: 0; /* SVG draws its own rounded-square background (rx=104); no CSS clip needed */
--brand-app-name: 'FamilySync'; /* drives doc only — not used as CSS content */
/* ─────────────────────────────────────────────────────────────────────────