lfg2025/archy
1
0
Fork 0
Code Issues 25 Pull Requests 4 Actions Packages Projects Releases 74 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. on-chain/Lightning rows; chips keep the standard txs reachable.
Sticky inside the modal's scroll region so the tabs stay pinned Sticky inside the modal's scroll region so the tabs stay pinned
while rows blur past underneath. --> 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 <button
v-for="f in filters" v-for="f in filters"
:key="f.key" :key="f.key"