Refine account cards in profile modal

This commit is contained in:
thePR0M3TH3AN committed 2025-09-29 14:39:23 -04:00
1 parent 711df9bf07
commit 4266d0bd18
1 file changed
+5 -5
+5 -5
View File
@@ -107,7 +107,7 @@
role="tabpanel"
aria-labelledby="profileNavAccount"
>
<div class="rounded-xl border border-gray-800 bg-gray-900/60 p-4 space-y-4">
<div class="rounded-2xl border border-gray-800 bg-gray-900/60 p-4 space-y-4">
<div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<div>
<h3 class="text-base font-semibold text-white">Switch profiles</h3>
@@ -123,7 +123,7 @@
</div>
<div class="space-y-4" id="profileSwitcherTray">
<div
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-4"
class="group flex w-full flex-col gap-4 rounded-2xl 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"
aria-label="Current Nostr profile"
aria-pressed="true"
role="button"
@@ -140,12 +140,12 @@
/>
</span>
<span class="flex min-w-0 flex-1 flex-col gap-2 text-left">
<div class="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
<div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<span class="text-xs font-semibold uppercase tracking-wide text-blue-300">Active profile</span>
<a
id="profileChannelLink"
href="#"
class="inline-flex items-center justify-center rounded-md border border-blue-500/30 px-2 py-0.5 text-[10px] 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"
class="inline-flex h-7 items-center justify-center rounded-md border border-blue-400/40 bg-blue-500/5 px-2 text-[10px] font-semibold uppercase tracking-[0.2em] text-blue-200 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>
@@ -173,7 +173,7 @@
<button
type="button"
id="profileAddAccountBtn"
class="group flex w-full items-center gap-4 rounded-xl border border-dashed border-gray-700 bg-gray-800/70 px-4 py-3 text-left text-gray-400 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900 hover:border-blue-500 hover:bg-blue-500/10 hover:text-white"
class="group flex w-full items-center gap-4 rounded-2xl border border-dashed border-gray-700 bg-gray-800/70 px-4 py-3 text-left text-gray-400 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900 hover:border-blue-500 hover:bg-blue-500/10 hover:text-white"
aria-label="Add a new Nostr profile"
>
<span