1ba8788189
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 40s
Desktop span: hidden md:inline-flex, mobile span: block md:hidden. Prevents both showing when fragment is injected in a single spot. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
37 lines
1.0 KiB
HTML
37 lines
1.0 KiB
HTML
{# Desktop auth menu #}
|
|
<span id="auth-menu-desktop" class="hidden md:inline-flex">
|
|
{% if user_email %}
|
|
<a
|
|
href="{{ account_url('/') }}"
|
|
class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black"
|
|
data-close-details
|
|
>
|
|
<i class="fa-solid fa-user"></i>
|
|
<span>{{ user_email }}</span>
|
|
</a>
|
|
{% else %}
|
|
<a
|
|
href="{{ account_url('/') }}"
|
|
class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black"
|
|
data-close-details
|
|
>
|
|
<i class="fa-solid fa-key"></i>
|
|
<span>sign in or register</span>
|
|
</a>
|
|
{% endif %}
|
|
</span>
|
|
{# Mobile auth menu #}
|
|
<span id="auth-menu-mobile" class="block md:hidden text-md font-bold">
|
|
{% if user_email %}
|
|
<a href="{{ account_url('/') }}" data-close-details>
|
|
<i class="fa-solid fa-user"></i>
|
|
<span>{{ user_email }}</span>
|
|
</a>
|
|
{% else %}
|
|
<a href="{{ account_url('/') }}">
|
|
<i class="fa-solid fa-key"></i>
|
|
<span>sign in or register</span>
|
|
</a>
|
|
{% endif %}
|
|
</span>
|