revert(TASK-31): remove broken sticky nav — needs proper approach
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>
This commit is contained in:
parent
035b44aa8a
commit
cd4831f086
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user