feat: US-006 - Render live dashboard behind login with blur overlay
This commit is contained in:
+5
-5
@@ -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} />
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user