From 889f71ab402951ec55ffd12a284129a564f27a7e Mon Sep 17 00:00:00 2001
From: Sreeram Sreedhar <sreeram@supermemory.com>
Date: Tue, 23 Jun 2026 10:57:17 -0700
Subject: [PATCH] Compact desktop login at smaller window sizes

---
 apps/desktop/app/globals.css    | 113 ++++++++++++++++++++++++++++++++
 apps/desktop/app/login/page.tsx |  10 ++-
 2 files changed, 121 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/app/globals.css b/apps/desktop/app/globals.css
index c0edc111..7ac88bfd 100644
--- a/apps/desktop/app/globals.css
+++ b/apps/desktop/app/globals.css
@@ -430,6 +430,10 @@ body {
 	padding: 2rem;
 }
 
+.desktop-login-card-pending {
+	min-height: 38rem;
+}
+
 .desktop-login-form {
 	gap: 0.75rem;
 }
@@ -467,6 +471,111 @@ body {
 	}
 }
 
+@media (max-width: 1900px) and (min-width: 1024px) {
+	.desktop-login-page {
+		grid-template-columns: minmax(0, 60fr) minmax(390px, 40fr);
+	}
+
+	.desktop-login-tool-node {
+		width: 2.5rem;
+		height: 2.5rem;
+		border-radius: 0.75rem;
+	}
+
+	.desktop-login-tool-node-icon {
+		width: 1.125rem;
+		height: 1.125rem;
+		font-size: 0.5625rem;
+		line-height: 1.125rem;
+	}
+
+	.desktop-login-tool-node-label {
+		top: calc(100% + 0.3rem);
+		font-size: 0.625rem;
+	}
+
+	.desktop-login-memory-chip {
+		width: 2.375rem;
+		height: 1.375rem;
+	}
+
+	.desktop-login-memory-chip-lines {
+		width: 1.25rem;
+		gap: 0.16rem;
+	}
+
+	.desktop-login-nova-orb {
+		width: 7.5rem;
+		height: 7.5rem;
+		box-shadow:
+			0.25rem 0.5rem 1rem #0a0e14 inset,
+			0 0 44px rgb(65 135 255 / 0.54);
+	}
+
+	.desktop-login-nova-gradient {
+		width: 13.5rem;
+		height: 13.5rem;
+	}
+
+	.desktop-login-panel-caption {
+		bottom: 1.5rem;
+		font-size: 0.75rem;
+	}
+
+	.desktop-login-auth-header {
+		height: 4.75rem;
+		padding-inline: 1.25rem;
+	}
+
+	.desktop-login-memory-api-button {
+		height: 2.5rem;
+		padding-inline: 0.875rem;
+		font-size: 0.875rem;
+	}
+
+	.desktop-login-auth-content {
+		padding: 0.5rem 1.25rem 1.5rem;
+	}
+
+	.desktop-login-auth-stack {
+		max-width: 22.5rem;
+	}
+
+	.desktop-login-headline {
+		margin-bottom: 1.25rem;
+	}
+
+	.desktop-login-headline h1 {
+		font-size: 1.5rem;
+	}
+
+	.desktop-login-subtitle {
+		margin-top: 0.75rem;
+		font-size: 0.8125rem;
+	}
+
+	.desktop-login-card {
+		padding: 1.5rem;
+	}
+
+	.desktop-login-card-pending {
+		min-height: 27rem;
+	}
+
+	.desktop-login-email-form {
+		gap: 1rem;
+	}
+
+	.desktop-login-email-input,
+	.desktop-login-primary-button {
+		height: 3rem;
+	}
+
+	.desktop-login-terms {
+		font-size: 0.75rem;
+	}
+}
+
 @media (max-width: 760px) {
 	.desktop-login-auth-header {
 		height: 4.5rem;
@@ -515,6 +624,10 @@ body {
 		border-radius: 1rem;
 	}
 
+	.desktop-login-card-pending {
+		min-height: 18rem;
+	}
+
 	.desktop-login-form {
 		gap: 0.625rem;
 	}
diff --git a/apps/desktop/app/login/page.tsx b/apps/desktop/app/login/page.tsx
index 19544f48..0a2c239f 100644
--- a/apps/desktop/app/login/page.tsx
+++ b/apps/desktop/app/login/page.tsx
@@ -153,8 +153,14 @@ export default function LoginPage() {
 							</p>
 						</div>
 
-						<div className="desktop-login-card relative bg-linear-to-b from-[#06101F] to-[#030912] shadow-[1.5px_1.5px_20px_0_rgba(0,0,0,0.65),1px_1.5px_2px_0_rgba(128,189,255,0.07)_inset,-0.5px_-1.5px_4px_0_rgba(0,35,73,0.40)_inset]">
-							<div className={isBrowserAuthPending ? "invisible" : undefined}>
+						<div
+							className={
+								isBrowserAuthPending
+									? "desktop-login-card desktop-login-card-pending relative bg-linear-to-b from-[#06101F] to-[#030912] shadow-[1.5px_1.5px_20px_0_rgba(0,0,0,0.65),1px_1.5px_2px_0_rgba(128,189,255,0.07)_inset,-0.5px_-1.5px_4px_0_rgba(0,35,73,0.40)_inset]"
+									: "desktop-login-card relative bg-linear-to-b from-[#06101F] to-[#030912] shadow-[1.5px_1.5px_20px_0_rgba(0,0,0,0.65),1px_1.5px_2px_0_rgba(128,189,255,0.07)_inset,-0.5px_-1.5px_4px_0_rgba(0,35,73,0.40)_inset]"
+							}
+						>
+							<div className={isBrowserAuthPending ? "hidden" : undefined}>
 								<div className="mb-2 flex justify-end">
 									<Badge className="h-5 rounded-md px-2 text-[10px]">
 										Last used