<div class="flex space-x-3">
<div>
<img src="{{ $message->user->avatar() }}" alt="{{ $message->user->name }}" class="h-10 w-10 rounded-full">
</div>
<div>
<div class="flex items-baseline space-x-2">
<span class="font-semibold">{{ $message->user->name }}</span>
<span class="text-gray-500 text-xs">{{ $message->created_at->diffForHumans() }}</span>
</div>
<p class="text-gray-900">{{ $message->body }}</p>
</div>
</div>
|