31 lines
1.3 KiB
HTML
31 lines
1.3 KiB
HTML
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
|
<div class="flex items-start space-x-3">
|
|
<div class="flex-shrink-0">
|
|
<div class="w-10 h-10 bg-gray-200 rounded-full flex items-center justify-center">
|
|
<svg class="w-5 h-5 text-gray-500"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center space-x-2 mb-1">
|
|
<span class="font-medium text-gray-900">
|
|
{% if let Some(name) = comment.author %}
|
|
{{ name }}
|
|
{% else %}
|
|
Anonymous
|
|
{% endif %}
|
|
</span>
|
|
<span class="text-gray-400">•</span>
|
|
<time class="text-sm text-gray-500" datetime="{{ comment.published_at }}">
|
|
{{ comment.formatted_date() }}
|
|
</time>
|
|
</div>
|
|
<p class="text-gray-700 whitespace-pre-line">{{ comment.content }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|