mirror of
https://github.com/halo-dev/theme-earth.git
synced 2025-10-14 14:30:50 +00:00
103 lines
3.3 KiB
HTML
103 lines
3.3 KiB
HTML
<div
|
|
class="w-full cursor-pointer overflow-hidden rounded-xl bg-white p-3 shadow transition-all duration-500 hover:shadow-md"
|
|
>
|
|
<h2 class="inline-flex items-center gap-2 text-base">
|
|
<span data-icon="tabler:message-circle" class="iconify text-lg"></span>
|
|
最新评论
|
|
</h2>
|
|
<div>
|
|
<ul role="list" class="divide-y divide-gray-100">
|
|
<li class="py-3">
|
|
<div class="flex space-x-3">
|
|
<img
|
|
class="h-6 w-6 rounded-full"
|
|
src="https://ryanc.cc/avatar"
|
|
alt=""
|
|
/>
|
|
<div class="flex-1 space-y-1">
|
|
<div class="flex items-center justify-between">
|
|
<h3 class="text-sm font-medium">Phyllis McKenzie</h3>
|
|
<p class="text-sm text-gray-500">1h</p>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
Fugit quae nam dolores impedit quia fuga pariatur dignissimos
|
|
recusandae.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="py-3">
|
|
<div class="flex space-x-3">
|
|
<img
|
|
class="h-6 w-6 rounded-full"
|
|
src="https://ryanc.cc/avatar"
|
|
alt=""
|
|
/>
|
|
<div class="flex-1 space-y-1">
|
|
<div class="flex items-center justify-between">
|
|
<h3 class="text-sm font-medium">Willard Labadie I</h3>
|
|
<p class="text-sm text-gray-500">1h</p>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
Officiis quis quos repudiandae quam delectus impedit quidem amet
|
|
ut.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="py-3">
|
|
<div class="flex space-x-3">
|
|
<img
|
|
class="h-6 w-6 rounded-full"
|
|
src="https://ryanc.cc/avatar"
|
|
alt=""
|
|
/>
|
|
<div class="flex-1 space-y-1">
|
|
<div class="flex items-center justify-between">
|
|
<h3 class="text-sm font-medium">Miss Leonard Sporer</h3>
|
|
<p class="text-sm text-gray-500">1h</p>
|
|
</div>
|
|
<p class="text-sm text-gray-500">Nesciunt dolores et debitis.</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="py-3">
|
|
<div class="flex space-x-3">
|
|
<img
|
|
class="h-6 w-6 rounded-full"
|
|
src="https://ryanc.cc/avatar"
|
|
alt=""
|
|
/>
|
|
<div class="flex-1 space-y-1">
|
|
<div class="flex items-center justify-between">
|
|
<h3 class="text-sm font-medium">Tyrone Fisher</h3>
|
|
<p class="text-sm text-gray-500">1h</p>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
Et nesciunt dolorem eum ut corporis.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="py-3">
|
|
<div class="flex space-x-3">
|
|
<img
|
|
class="h-6 w-6 rounded-full"
|
|
src="https://ryanc.cc/avatar"
|
|
alt=""
|
|
/>
|
|
<div class="flex-1 space-y-1">
|
|
<div class="flex items-center justify-between">
|
|
<h3 class="text-sm font-medium">Angie Braun V</h3>
|
|
<p class="text-sm text-gray-500">1h</p>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
Autem labore ipsam earum reiciendis eum omnis.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|