From 6a9f9f36c09d6aa4af5282d269e98fcf7de4e33b Mon Sep 17 00:00:00 2001
From: CRT <hi@crt.fyi>
Date: Fri, 23 Oct 2026 09:32:51 +0800
Subject: [PATCH] Desktop: compact hero drops its min height; app tabs fit one
 row at 1440 (tighter pills below 1560 px); hero screenshots only on wide
 windows so the pipeline labels never overlap

---
 apps/desktop/src/design.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/design.css b/apps/desktop/src/design.css
index e73887f..1cbc416 100644
--- a/apps/desktop/src/design.css
+++ b/apps/desktop/src/design.css
@@ -100,7 +100,7 @@
 .ds-hero-shots img:nth-child(even) { margin-top: 26px; }
 .ds-hero:hover .ds-hero-shots img { transform: translateY(-3px); }
 /* compact hero: every app tab but Releases (one slim row, the tab content starts above the fold) */
-.ds-hero.compact { grid-template-columns: minmax(0, 1fr); }
+.ds-hero.compact { grid-template-columns: minmax(0, 1fr); min-height: 0; border-radius: var(--ds-r-lg); }
 .ds-hero.compact .ds-hero-main { padding: 14px 20px; gap: 0; }
 .ds-hero.compact .ds-hero-icon { width: 52px; height: 52px; border-radius: 14px; font-size: 18px; }
 .ds-hero.compact .ds-hero-id { gap: 14px; }
@@ -109,7 +109,8 @@
 .ds-hero.compact .ds-hero-name { font-size: 20px; }
 .ds-hero.compact .ds-hero-ids .store-badge { height: 26px; }
 .ds-hero-cta { margin-left: auto; flex: none; }
-@media (max-width: 1180px) { .ds-hero { grid-template-columns: minmax(0, 1fr); } .ds-hero-shots { display: none; } }
+@media (max-width: 1500px) { .ds-hero { grid-template-columns: minmax(0, 1fr); } .ds-hero-shots { display: none; } }
+@media (max-width: 1560px) { .ds-tabs .ds-tab { padding: 0 10px; gap: 6px; } .ds-tabs .ds-tab svg { width: 15px; height: 15px; } }
 @media (max-width: 900px) { .ds-hero-pipe { grid-template-columns: minmax(0, 1fr); } .ds-hero-foot { justify-items: start; } }
 
 /* ---------- app page shell ---------- */