From 44fbdd381b4ab2b9cf29e08ad94b40d8e64d387e Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Sun, 9 Aug 2026 12:36:26 -0400
Subject: [PATCH] fix(wallet): transactions modal tab strip is glass, not a
 black slab
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The sticky tab header painted bg-black/70 across the modal — reported as
a black container where the design is transparent glass. The backdrop
blur alone keeps pinned tabs legible over rows scrolling beneath; the
tint drops to the standard bg-white/5.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 neode-ui/src/components/TransactionsModal.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/neode-ui/src/components/TransactionsModal.vue b/neode-ui/src/components/TransactionsModal.vue
index 7f970121..9c9665fd 100644
--- a/neode-ui/src/components/TransactionsModal.vue
+++ b/neode-ui/src/components/TransactionsModal.vue
@@ -6,7 +6,10 @@
              on-chain/Lightning rows; chips keep the standard txs reachable.
              Sticky inside the modal's scroll region so the tabs stay pinned
              while rows blur past underneath. -->
-        <div v-if="transactions.length > 0" class="sticky top-0 z-10 -mx-2 px-2 pb-2 mb-1 flex gap-1.5 flex-wrap bg-black/70 backdrop-blur-md">
+        <!-- Transparent glass, not a black slab (operator, 2026-08-09): the
+             backdrop blur alone keeps the pinned tabs legible over scrolling
+             rows without painting an opaque container onto the modal. -->
+        <div v-if="transactions.length > 0" class="sticky top-0 z-10 -mx-2 px-2 pb-2 mb-1 flex gap-1.5 flex-wrap bg-white/5 backdrop-blur-md">
           <button
             v-for="f in filters"
             :key="f.key"