diff --git a/fiveparaminte-main/static/dashboard.html b/fiveparaminte-main/static/dashboard.html index 82ed537..5c96004 100644 --- a/fiveparaminte-main/static/dashboard.html +++ b/fiveparaminte-main/static/dashboard.html @@ -865,6 +865,24 @@ } } + /* === Minimal mode for clean iframe embeds === */ + body.minimal-mode .header { display: none !important; } + body.minimal-mode .patient-banner { display: none !important; } + body.minimal-mode .setup-guide { display: none !important; } + body.minimal-mode .info-bar { display: none !important; } + body.minimal-mode .app-container { + padding: 0 !important; + max-width: 100% !important; + margin: 0 !important; + } + body.minimal-mode { + padding: 0 !important; + background: transparent !important; + } + body.minimal-mode .bg-grid, body.minimal-mode .bg-glow { + display: none !important; + } + /* === Scrollbar === */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: transparent; } @@ -1238,6 +1256,12 @@ // === Initialize === document.addEventListener('DOMContentLoaded', () => { + const urlParams = new URLSearchParams(window.location.search); + const isMinimal = urlParams.get('minimal') === 'true' || urlParams.get('clean') === 'true'; + if (isMinimal) { + document.body.classList.add('minimal-mode'); + } + initWaveforms(); updateClock(); setInterval(updateClock, 1000);