File size: 2.32Kb
<div class="card lg:mx-0 uk-animation-slide-bottom-small my-4 hover:shadow-sm">
<!-- post header-->
<div class="flex justify-between items-center lg:p-4.5 p-3.5">
<div class="flex flex-1 items-center space-x-4">
<div class="h-[3.875rem] w-[3.875rem] bg-gray-300 rounded-full flex flex-shrink-0 relative inline-block">
<a {profile_m} href="{profile}"><img class="inline-block h-[3.875rem] w-[3.875rem] rounded-full" src="{foto}" title="{usertitle}" alt="{usertitle}"></a>
[online]<span class="absolute bottom-0 right-0 block h-2 w-2 rounded-full ring-4 ring-green-100 bg-green-500 mb-[2px] mr-[4px] cursor-pointer"></span>[/online]
</div>
<div class="flex-1 font-bold text-xl">
<span class="hover:text-black/[.72]">
<a {profile_m} href="{profile}">{usertitle}</a>
</span>
<div class="text-gray-500 flex items-center space-x-2 cursor-default font-normal text-[14px]">
{fullname}
</div>
</div>
</div>
<div>
<a href="{profile}" title="Показать профиль">
<button class="inline-flex items-center flex-column duration-150 rounded-lg border border-gray-200 bg-white w-10 h-7 shadow-sm hover:bg-gray-50 focus:border-[#307df0]">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 cursor-pointer mt-[2px]" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
<path d="M12.597 17.981a9.467 9.467 0 0 1 -.597 .019c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6c-.205 .342 -.415 .67 -.63 .983" />
<path d="M16 22l5 -5" />
<path d="M21 21.5v-4.5h-4.5" />
</svg>
</button>
</a>
</div>
</div>
</div>