fix(site): improve auth popup size and clean up Mux links (#587)

This commit is contained in:
Darius Cepulis
2026-02-20 15:24:12 -06:00
committed by GitHub
parent fd14f0cb17
commit 204af9a4aa
4 changed files with 8 additions and 14 deletions
@@ -9,15 +9,7 @@ export default function RendererPicker() {
<RendererSelect />
</div>
<div className="flex flex-col gap-4">
<p className="font-medium">
Or upload your media for free to{' '}
<a
href="https://www.mux.com/?utm_source=videojs&utm_campaign=vjs10"
className="underline intent:no-underline"
>
Mux
</a>
</p>
<p className="font-medium">Or upload your media for free to Mux</p>
<MuxUploaderPanel />
</div>
</div>
@@ -73,10 +73,10 @@ export default function UploaderOverlay({ state, error, playbackId, onLogin, onR
<p className="text-center text-sm">
See code below, or{' '}
<a
href="https://dashboard.mux.com"
href="https://dashboard.mux.com/my/video/assets"
target="_blank"
rel="noopener noreferrer"
className="underline intent:no-underline"
rel="noopener"
>
manage on Mux
</a>
@@ -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/)
);
});
+4 -2
View File
@@ -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.