fix: keep the login page's theme button clear of the card on small and landscape phones

This commit is contained in:
Linus Rath
2026-11-03 05:15:53 +01:00
parent 5ce2a591ad
commit a1662dfaf3
+2 -2
View File
@@ -1153,7 +1153,7 @@ function LoginPageContent() {
// Demo-only mode: show only a large demo login button
if (demoMode && !isAddAccountMode) {
return (
<div className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-background via-muted/10 to-muted/30 relative px-4">
<div className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-background via-muted/10 to-muted/30 relative px-4 py-16">
{/* Theme toggle, hidden while the theme policy locks the mode (#1280) */}
<div className="absolute top-5 end-5" ref={themeMenuRef} hidden={colorModeLocked} suppressHydrationWarning>
<button
@@ -1306,7 +1306,7 @@ function LoginPageContent() {
}
return (
<div className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-background via-muted/10 to-muted/30 relative px-4">
<div className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-br from-background via-muted/10 to-muted/30 relative px-4 py-16">
<MobileHandoffConsent
url={pendingHandoff?.url ?? null}
resolveUrl={pendingHandoff?.resolveUrl ?? null}