From cd4831f086f44913abb749f7aa71cdb4f888b589 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Wed, 18 Mar 2026 18:24:08 +0000
Subject: [PATCH] =?UTF-8?q?revert(TASK-31):=20remove=20broken=20sticky=20n?=
 =?UTF-8?q?av=20=E2=80=94=20needs=20proper=20approach?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reverted inline-style sticky header. The hack used hardcoded rgba
background that didn't match across screens and shifted position
between tabs. Will implement properly with a shared layout component.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 neode-ui/src/views/Apps.vue        | 4 ++--
 neode-ui/src/views/Marketplace.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/neode-ui/src/views/Apps.vue b/neode-ui/src/views/Apps.vue
index b6d76e1b..ab1b91d6 100644
--- a/neode-ui/src/views/Apps.vue
+++ b/neode-ui/src/views/Apps.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="pb-6">
-    <!-- Desktop: page tabs + category tabs + search (sticky on scroll) -->
-    <div class="hidden md:flex mb-4 items-center gap-4 sticky top-0 z-10 py-3 -mt-3 -mx-6 px-6" style="background: rgba(0,0,0,0.6); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);">
+    <!-- Desktop: page tabs + category tabs + search -->
+    <div class="hidden md:flex mb-4 items-center gap-4">
       <div class="mode-switcher flex-shrink-0">
         <button class="mode-switcher-btn" :class="{ 'mode-switcher-btn-active': activeTab === 'apps' }" @click="activeTab = 'apps'; router.replace({ query: {} })">My Apps</button>
         <RouterLink to="/dashboard/marketplace" class="mode-switcher-btn">App Store</RouterLink>
diff --git a/neode-ui/src/views/Marketplace.vue b/neode-ui/src/views/Marketplace.vue
index 388e274e..85429851 100644
--- a/neode-ui/src/views/Marketplace.vue
+++ b/neode-ui/src/views/Marketplace.vue
@@ -74,8 +74,8 @@
       </div>
     </div>
 
-      <!-- Desktop: tabs + categories + search (sticky on scroll) -->
-      <div class="hidden md:flex mb-4 items-center gap-4 sticky top-0 z-10 py-3 -mt-3 -mx-6 px-6" style="background: rgba(0,0,0,0.6); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);">
+      <!-- Desktop: tabs + categories + search -->
+      <div class="hidden md:flex mb-4 items-center gap-4">
         <div class="mode-switcher flex-shrink-0">
           <RouterLink to="/dashboard/apps" class="mode-switcher-btn">My Apps</RouterLink>
           <RouterLink to="/dashboard/marketplace" class="mode-switcher-btn mode-switcher-btn-active">App Store</RouterLink>