From bd9336c8c763776773f1e3ef69e9d90bb1242a6e Mon Sep 17 00:00:00 2001
From: nayan9617 <nayanp4925@gmail.com>
Date: Sat, 4 Apr 2026 00:27:08 +0530
Subject: [PATCH] keep secondary nav visible on compact landscape screens

---
 src/app.css                          | 14 ++++++++++++++
 src/app/components/PrimaryNav.svelte |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index ae198f34..ebd893bc 100644
--- a/src/app.css
+++ b/src/app.css
@@ -245,6 +245,20 @@
   @apply content-sizing content-padding-x content-padding-y;
 }
 
+@media (hover: none) and (pointer: coarse) and (orientation: landscape) and (max-height: 800px) {
+  .compact-landscape-hidden {
+    display: none !important;
+  }
+
+  .cw {
+    @apply left-[15rem] w-[calc(100%-15rem-var(--sair))];
+  }
+
+  .cw-full {
+    @apply left-0 w-[calc(100%-var(--sair))];
+  }
+}
+
 .heading {
   @apply text-center text-2xl;
 }
diff --git a/src/app/components/PrimaryNav.svelte b/src/app/components/PrimaryNav.svelte
index c17ad236..2a0689aa 100644
--- a/src/app/components/PrimaryNav.svelte
+++ b/src/app/components/PrimaryNav.svelte
@@ -32,7 +32,7 @@
 </script>
 
 <div
-  class="ml-sai mt-sai mb-sai relative z-nav hidden w-14 flex-shrink-0 bg-base-200 pt-4 md:block">
+  class="ml-sai mt-sai mb-sai relative z-nav hidden w-14 flex-shrink-0 bg-base-200 pt-4 md:block compact-landscape-hidden">
   <div class="flex h-full flex-col" class:justify-between={PLATFORM_RELAYS.length === 0}>
     <PrimaryNavSpaces />
     {#if PLATFORM_RELAYS.length > 0}
-- 
2.52.0