From 98d0c25ce8a88d7360f43506b31060440163ce93 Mon Sep 17 00:00:00 2001 From: jelveh Date: Mon, 29 Dec 2025 23:12:52 -0800 Subject: [PATCH] Adjust auth popup size and style for embedded mode --- src/gui/src/css/style.css | 7 +++++++ src/puter-js/src/modules/PuterDialog.js | 4 ++-- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css index 05bb840c..f50a2d30 100644 --- a/src/gui/src/css/style.css +++ b/src/gui/src/css/style.css @@ -1274,6 +1274,13 @@ span.header-sort-icon img { top: 0 !important; } +.embedded-in-popup .window-login, .embedded-in-popup .window-signup { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + .window-sidebar-title { margin: 0; font-weight: bold; diff --git a/src/puter-js/src/modules/PuterDialog.js b/src/puter-js/src/modules/PuterDialog.js index 0a018aa1..cee392f1 100644 --- a/src/puter-js/src/modules/PuterDialog.js +++ b/src/puter-js/src/modules/PuterDialog.js @@ -434,7 +434,7 @@ class PuterDialog extends (globalThis.HTMLElement || Object) { // It will fall b // Add event listener to the button this.shadowRoot.querySelector('#launch-auth-popup')?.addEventListener('click', () => { let w = 600; - let h = 400; + let h = 500; let title = 'Puter'; var left = (screen.width / 2) - (w / 2); var top = (screen.height / 2) - (h / 2); @@ -454,7 +454,7 @@ class PuterDialog extends (globalThis.HTMLElement || Object) { // It will fall b open () { if ( this.hasUserActivation() ) { let w = 600; - let h = 400; + let h = 500; let title = 'Puter'; var left = (screen.width / 2) - (w / 2); var top = (screen.height / 2) - (h / 2);