fix(ui): show the FIPS/Tor transport pill on mobile peer files
All checks were successful
Demo images / Build & push demo images (push) Successful in 2m48s

The peer-files header title block is `hidden md:block` (the global header
carries the peer name on mobile), which also hid the transport pill nested
inside it — so mobile users browsing a peer's files had no indication of
whether they were on FIPS or Tor.

Render a `md:hidden` pill alongside the peer icon so the transport is
visible at every width, without duplicating the peer name on desktop.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
archipelago 2026-07-20 12:47:29 -04:00
parent e2f83c0157
commit 9e3ac9ba8f

View File

@ -25,6 +25,15 @@
<p v-if="currentPeer?.did" class="text-sm text-white/50 font-mono truncate max-w-md" :title="currentPeer.did">{{ currentPeer.did }}</p>
<p v-else class="text-sm text-white/50">Peer files</p>
</div>
<!-- Mobile: the title block above is hidden (the global header carries the
peer name), so the transport pill would vanish with it. Render it on
its own here so mobile also sees whether this peer is FIPS or Tor. -->
<span
v-if="transportPill"
:class="transportPill.cls"
:title="transportPill.title"
class="md:hidden text-xs px-2 py-0.5 rounded-full font-medium"
>{{ transportPill.label }}</span>
</div>
</div>