lfg2025/archy
1
0
Fork 0
Code Issues 24 Pull Requests 4 Actions Packages Projects Releases 72 Wiki Activity

fix(wallet): transactions modal tab strip is glass, not a black slab
Demo images / Build & push demo images (push) Successful in 4m14s
Details

Browse Source 
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>
This commit is contained in:
archipelago
2026-08-09 12:36:26 -04:00
co-authored by Claude Fable 5
parent 47b563ec4f
commit 44fbdd381b
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
neode-ui/src/components/TransactionsModal.vue
+4 -1
View File
@@ -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"