thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-11-02 02:42:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Restyle profile switcher active row

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-09-29 14:15:10 -04:00
1 parent 198fd97a80
commit d15c574b13
1 file changed
+11 -11
Download Patch File Download Diff File Expand all files Collapse all files
components/profile-modal.html
+11 -11
View File
@@ -123,14 +123,21 @@
</div>
<div class="space-y-4" id="profileSwitcherTray">
<div
class="group flex w-full flex-col gap-3 rounded-xl border border-blue-500/30 bg-blue-500/5 px-4 py-3 text-left focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-900 sm:flex-row sm:items-center sm:gap-4"
class="group flex w-full flex-col gap-4 rounded-xl border border-blue-500/30 bg-blue-500/5 px-4 py-3 text-left focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-900 sm:flex-row sm:items-center sm:gap-6"
aria-label="Current Nostr profile"
aria-pressed="true"
role="button"
tabindex="0"
>
<span class="flex min-w-0 flex-1 flex-col gap-1 text-left">
<span class="flex min-w-0 flex-1 flex-col gap-2 text-left">
<span class="text-xs font-semibold uppercase tracking-wide text-blue-300">Active profile</span>
<a
id="profileChannelLink"
href="#"
class="inline-flex w-fit items-center justify-center whitespace-nowrap rounded-full border border-blue-500/40 px-3 py-1 text-[11px] font-semibold uppercase tracking-wide text-blue-300 transition-colors hover:bg-blue-500/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 hidden"
>
View channel
</a>
<span
id="profileModalName"
class="truncate text-sm font-semibold text-white"
@@ -139,20 +146,13 @@
</span>
<span
id="profileModalNpub"
class="break-all text-xs font-mono text-gray-400"
class="break-words text-xs font-mono text-gray-400"
>
npub1...
</span>
</span>
<a
id="profileChannelLink"
href="#"
class="inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded-full border border-blue-500/40 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-blue-300 transition-colors hover:bg-blue-500/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 hidden"
>
View channel
</a>
<span
class="flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden rounded-full ring-2 ring-blue-500 ring-offset-2 ring-offset-gray-900 transition-colors group-focus-within:ring-blue-400"
class="flex h-12 w-12 shrink-0 items-center justify-center self-end overflow-hidden rounded-full ring-2 ring-blue-500 ring-offset-2 ring-offset-gray-900 transition-colors group-focus-within:ring-blue-400 sm:self-auto"
>
<img
id="profileModalAvatar"