54 lines
No EOL
3.6 KiB
HTML
54 lines
No EOL
3.6 KiB
HTML
<div class="dropdown">
|
|
<button class="relative flex items-center px-3 py-2.5 rounded text-sm text-gray-500 hover:text-gray-400 focus:text-gray-200 text-shadow focus:outline-none dropdown-toggle" type="button" id="dropdownProfileMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="sr-only">Open user menu</span>
|
|
<img class="h-9 w-9 bg-white p-[3px] border border-gray-800" src="{{ v.profile_url }}" alt="Your avatar"/>
|
|
<span class="text-sm pl-2">{{ v.username }}</span>
|
|
</button>
|
|
<ul class="dropdown-menu w-56 bg-gray-900 rounded-md rounded-t-none shadow-lg" aria-labelledby="dropdownProfileMenuButton" x-placement="bottom-start">
|
|
<li>
|
|
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/@me">
|
|
<i class="fas fa-user fa-sm fa-fw mr-4"></i>Profile
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/notifications{% if v.notifications_count and v.notifications_count == v.post_notifications_count %}?posts=true{% endif %}">
|
|
<i class="fas fa-envelope fa-sm fa-fw mr-4"></i>Inbox
|
|
{% if v.notifications_count %}<span class="text-red-500">{{ v.notifications_count }}</span>{% endif %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<hr class="mt-2 mb-1.5 border-t border-black h-1 shadow-inset-t-white-05"/>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/@{{ v.username }}">
|
|
<i class="fas fa-pen fa-sm fa-fw mr-4"></i>Posts
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/@{{ v.username }}/comments">
|
|
<i class="fas fa-comments-alt fa-sm fa-fw mr-4"></i>Comments
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<hr class="mt-2 mb-1.5 border-t border-black h-1 shadow-inset-t-white-05"/>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 hover:text-yellow-900 bg-gradient-to-t hover:from-yellow-600 hover:to-yellow-500 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-yellow-600 focus:to-yellow-500" href="https://marsey1.gumroad.com/l/tfcvri">
|
|
<i class="fas fa-arrow-alt-up fa-sm fa-fw mr-4"></i>Upgrade account
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" href="/settings">
|
|
<i class="fas fa-cog fa-sm fa-fw mr-4"></i>Settings
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<hr class="mt-2 mb-1.5 border-t border-black h-1 shadow-inset-t-white-05"/>
|
|
</li>
|
|
<li>
|
|
<button class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" onclick="post_toast('/logout', '1')">
|
|
<i class="fas fa-power-off fa-sm fa-fw mr-4"></i>Log out
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div> |