feat: US-006 - Render live dashboard behind login with blur overlay

This commit is contained in:
2026-02-15 02:05:19 +00:00
parent 09af29f32d
commit 8c04e517bc
2 changed files with 10 additions and 6 deletions
+5 -5
View File
@@ -73,16 +73,16 @@ function App() {
/> />
)} )}
{phase === 'login' && ( {(phase === 'login' || phase === 'pmr') && (
<LoginScreen onComplete={() => setPhase('pmr')} />
)}
{phase === 'pmr' && (
<DetailPanelProvider> <DetailPanelProvider>
<DashboardLayout /> <DashboardLayout />
</DetailPanelProvider> </DetailPanelProvider>
)} )}
{phase === 'login' && (
<LoginScreen onComplete={() => setPhase('pmr')} />
)}
{(phase === 'boot' || phase === 'ecg') && ( {(phase === 'boot' || phase === 'ecg') && (
<SkipButton onSkip={skipToLogin} /> <SkipButton onSkip={skipToLogin} />
)} )}
+5 -1
View File
@@ -147,7 +147,11 @@ export function LoginScreen({ onComplete }: LoginScreenProps) {
return ( return (
<div <div
className="fixed inset-0 flex items-center justify-center z-50" className="fixed inset-0 flex items-center justify-center z-50"
style={{ backgroundColor: '#1A2B2A' }} style={{
backgroundColor: 'rgba(240, 245, 244, 0.7)',
backdropFilter: 'blur(20px)',
WebkitBackdropFilter: 'blur(20px)',
}}
role="dialog" role="dialog"
aria-label="Clinical system login" aria-label="Clinical system login"
aria-modal="true" aria-modal="true"