From 204af9a4aae3e94f13e47031f5adc9a9eb8dee75 Mon Sep 17 00:00:00 2001 From: Darius Cepulis Date: Fri, 20 Feb 2026 15:24:12 -0600 Subject: [PATCH] fix(site): improve auth popup size and clean up Mux links (#587) --- site/src/components/installation/RendererPicker.tsx | 10 +--------- site/src/components/installation/UploaderOverlay.tsx | 4 ++-- site/src/utils/mux/__tests__/auth-flow.test.ts | 2 +- site/src/utils/mux/auth-flow.ts | 6 ++++-- 4 files changed, 8 insertions(+), 14 deletions(-) diff --git a/site/src/components/installation/RendererPicker.tsx b/site/src/components/installation/RendererPicker.tsx index d79ad493..d4700315 100644 --- a/site/src/components/installation/RendererPicker.tsx +++ b/site/src/components/installation/RendererPicker.tsx @@ -9,15 +9,7 @@ export default function RendererPicker() {
-

- Or upload your media for free to{' '} - - Mux - -

+

Or upload your media for free to Mux

diff --git a/site/src/components/installation/UploaderOverlay.tsx b/site/src/components/installation/UploaderOverlay.tsx index 04149459..56eafec0 100644 --- a/site/src/components/installation/UploaderOverlay.tsx +++ b/site/src/components/installation/UploaderOverlay.tsx @@ -73,10 +73,10 @@ export default function UploaderOverlay({ state, error, playbackId, onLogin, onR

See code below, or{' '} manage on Mux diff --git a/site/src/utils/mux/__tests__/auth-flow.test.ts b/site/src/utils/mux/__tests__/auth-flow.test.ts index afc3f170..2104b47d 100644 --- a/site/src/utils/mux/__tests__/auth-flow.test.ts +++ b/site/src/utils/mux/__tests__/auth-flow.test.ts @@ -29,7 +29,7 @@ describe('initiateAuthPopup', () => { expect(openSpy).toHaveBeenCalledWith( 'https://auth.example.com', 'oauth-login', - expect.stringMatching(/width=600,height=800/) + expect.stringMatching(/width=1366,height=768/) ); }); diff --git a/site/src/utils/mux/auth-flow.ts b/site/src/utils/mux/auth-flow.ts index d43216f7..3c9f6d38 100644 --- a/site/src/utils/mux/auth-flow.ts +++ b/site/src/utils/mux/auth-flow.ts @@ -13,8 +13,10 @@ export interface AuthPopupOptions { onError: (error: string) => void; } -const POPUP_WIDTH = 600; -const POPUP_HEIGHT = 800; +// Browsers automatically clamp popup dimensions to fit the OS work area (per MDN), +// so no guard is needed for small screens. +const POPUP_WIDTH = 1366; +const POPUP_HEIGHT = 768; /** * Opens a centered OAuth popup and listens for completion.