US-032: Reduced motion audit, final cleanup, and visual review

- Add prefers-reduced-motion overrides for SubNav button transitions
- Add prefers-reduced-motion overrides for smooth scroll behavior
- Fix connection status dot/text transitions to respect reduced motion
- Create ProjectDetail.tsx renderer and wire into DetailPanel
- Remove placeholder fallback from DetailPanel (all types now covered)
- Delete unused files: useBreakpoint.ts, profile.ts
- Remove unused legacy --pmr-* CSS variables (18 properties)
- Remove unused .pmr-theme CSS utility class
This commit is contained in:
2026-02-14 03:20:31 +00:00
parent 071b1b78ae
commit 088b783731
6 changed files with 226 additions and 111 deletions
+2 -2
View File
@@ -370,7 +370,7 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
height: '6px',
borderRadius: '50%',
backgroundColor: connectionState === 'connected' ? '#059669' : '#DC2626',
transition: 'background-color 300ms ease',
transition: prefersReducedMotion ? 'none' : 'background-color 300ms ease',
flexShrink: 0,
}}
/>
@@ -379,7 +379,7 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
fontFamily: "var(--font-geist-mono, 'Geist Mono', monospace)",
fontSize: '10px',
color: connectionState === 'connected' ? '#059669' : '#8DA8A5',
transition: 'color 300ms ease',
transition: prefersReducedMotion ? 'none' : 'color 300ms ease',
}}
>
{connectionState === 'connected'