forked from rDrama/rDrama
53 lines
1.6 KiB
HTML
53 lines
1.6 KiB
HTML
<div style="display:none" id="popover">
|
|
<div class="relative popover-user-profile dark:bg-gray-900" role="tooltip">
|
|
<img loading="lazy" class="pop-banner w-full h-32 object-cover">
|
|
<div class="flex items-end px-4 -mt-10">
|
|
<img loading="lazy" class="pop-picture h-24 w-24 rounded-sm p-[3px] bg-white dark:bg-gray-900 shadow-sm">
|
|
<div class="pl-3 truncate mb-1">
|
|
<h5 class="pop-username truncate ellipsis"></h5>
|
|
<div class="text-sm text-gray-500 flex items-center leading-4">
|
|
<span>
|
|
#<span class="pop-uid"></span>
|
|
</span>
|
|
<strong class="mx-1">·</strong>
|
|
<span>
|
|
<span class="pop-coins"></span>
|
|
coins
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hidden px-4">
|
|
<span class="pop-bio popover-bio"></span>
|
|
</div>
|
|
|
|
<div class="pop-badges p-4">
|
|
</div>
|
|
|
|
<div class="border-t border-gray-300 dark:border-gray-800 flex items-center p-4 gap-2 text-sm">
|
|
<span>
|
|
<strong class="pop-postcount"></strong>
|
|
<span class="text-gray-500">posts</span>
|
|
</span>
|
|
<span>
|
|
<strong class="pop-commentcount"></strong>
|
|
<span class="text-gray-500">comments</span>
|
|
</span>
|
|
<a target="_blank" class="pop-viewmore ml-auto text-decoration-none">
|
|
View
|
|
<i class="fas fa-arrow-alt-right fa-sm fa-fw px-1"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Actionable buttons -->
|
|
<div class="flex items-center space-x-2 absolute top-2 right-3">
|
|
<a href="#" class="btn btn-gray">
|
|
<i class="fas fa-gift fa-fw fa-sm"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-gray">
|
|
<i class="fas fa-paper-plane fa-fw fa-sm mr-2"></i>
|
|
Message
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div> |