mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 07:52:24 +00:00
Refine account cards in profile modal
This commit is contained in:
1 parent
711df9bf07
commit
4266d0bd18
1 file changed
+5
-5
@@ -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
|
||||
|
||||
Reference in new issue
Block a user