bug fixes from sxsw

neode-ui/src/views/Dashboard.vue

@@ -52,10 +52,9 @@
       aria-hidden="true"
     />
 
-    <!-- Background overlay - 0.3 opacity default, 0.8 opacity for Web5, Network, and Settings -->
-    <div 
-      class="fixed inset-0 transition-opacity duration-500 pointer-events-none"
-      :class="showDarkOverlay ? 'bg-black/80' : 'bg-black/30'"
+    <!-- Background overlay - uniform 0.2 opacity -->
+    <div
+      class="fixed inset-0 pointer-events-none bg-black/20"
       style="z-index: -5;"
     />
 
@@ -149,7 +148,7 @@
     <main
       id="main-content"
       data-controller-zone="main"
-      class="flex-1 overflow-hidden relative pb-20 md:pb-0 glass-piece z-10"
+      class="flex-1 overflow-hidden relative pb-0 glass-piece z-10"
       :class="{ 'glass-throw-main': showZoomIn }"
     >
       <div data-controller-main-entry class="absolute top-4 right-4 md:top-6 md:right-8 z-20">
@@ -277,14 +276,16 @@
                 <div
                   v-else
                   :class="[
-                    'px-4 pt-4 md:pt-8 md:px-8 overflow-y-auto h-full',
+                    'absolute inset-0 px-4 pt-4 md:pt-8 md:px-8 overflow-y-auto',
                     needsMobileBackButtonSpace
-                      ? 'pb-[calc(var(--mobile-tab-bar-height,_72px)+96px)] md:pb-24'
-                      : 'pb-[calc(var(--mobile-tab-bar-height,_72px)+48px)] md:pb-24'
+                      ? 'mobile-scroll-pad-back'
+                      : 'mobile-scroll-pad'
                   ]"
                   :style="mobileTabPaddingTop ? { paddingTop: (mobileTabPaddingTop + 16) + 'px' } : undefined"
                 >
-                  <component :is="Component" class="view-container" />
+                  <component :is="Component" class="view-container flex-none" />
+                  <!-- Bottom spacer — scroll clearance on all pages -->
+                  <div class="shrink-0 h-6 md:h-12" aria-hidden="true"></div>
                 </div>
               </div>
             </Transition>
@@ -846,6 +847,10 @@ function getTransitionName(currentRoute: RouteLocationNormalizedLoaded) {
   } else if (wasAppDetails && isMarketplaceList) {
     transitionName = 'depth-back'
   }
+  // Desktop: no transition between Apps ↔ Marketplace (same-page tab feel)
+  else if ((wasAppsList && isMarketplaceList) || (wasMarketplaceList && isAppsList)) {
+    transitionName = 'fade'
+  }
   // Vertical transition: between main tabs (desktop)
   else {
     const currentIndex = tabOrder.indexOf(currentPath)
@@ -1278,8 +1283,7 @@ aside:not(.sidebar-animate) .sidebar-logout-btn {
 }
 
 .view-container {
-  height: 100%;
-  min-height: 100%;
+  /* No forced height — content sizes naturally, spacer below provides clearance */
 }
 
 /* Forward transition: 2advanced fluid depth */