<div class="flex justify-center items-center bg-gray-100 w-full min-h-screen text-gray-800">
<div class="rounded-lg bg-white w-full max-w-xs p-6 shadow-md">
<h1 class="text-lg font-semibold mb-4">File history</h1>
<ul class="px-2">
<li class="relative border-l-2 ml-1 pl-6 py-4">
<div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">L</div>
<h2 class="mb-1">Loretta Wood</h2>
<p class="text-sm text-gray-400">Updated 32 minutes ago</p>
</li>
<li class="relative border-l-2 ml-1 pl-6 py-4">
<div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">A</div>
<h2 class="mb-1">Austin Miles</h2>
<p class="text-sm text-gray-400">Updated 6 hours ago</p>
</li>
<li class="relative border-l-2 ml-1 pl-6 py-4">
<div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">B</div>
<h2 class="mb-1">Benny Hunter</h2>
<p class="text-sm text-gray-400">Updated 2 days ago</p>
</li>
<li class="relative border-l-2 ml-1 pl-6 py-4">
<div class="absolute left-0 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-6 h-6 rounded-full bg-gray-600 text-white">R</div>
<h2 class="mb-1">Rickey Hudson</h2>
<p class="text-sm text-gray-400">Created the file 3 week ago</p>
</li>
</ul>
</div>
</div>