You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
3.0 KiB
HTML
67 lines
3.0 KiB
HTML
<div class="border-b border-gray-200 bg-white px-4 py-5 sm:px-6">
|
|
<div
|
|
class="-mt-4 -ml-4 flex flex-wrap items-center justify-between sm:flex-nowrap"
|
|
>
|
|
<div class="mt-4 ml-4">
|
|
<div class="flex items-center">
|
|
<div class="shrink-0">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt=""
|
|
class="size-12 rounded-full"
|
|
/>
|
|
</div>
|
|
<div class="ml-4">
|
|
<h3 class="text-base font-semibold text-gray-900">
|
|
Tom Cook
|
|
</h3>
|
|
<p class="text-sm text-gray-500">
|
|
<a href="#">@tom_cook</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-4 ml-4 flex shrink-0">
|
|
<button
|
|
type="button"
|
|
class="relative inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-gray-300 ring-inset hover:bg-gray-50"
|
|
>
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="mr-1.5 -ml-0.5 size-5 text-gray-400"
|
|
>
|
|
<path
|
|
d="M2 3.5A1.5 1.5 0 0 1 3.5 2h1.148a1.5 1.5 0 0 1 1.465 1.175l.716 3.223a1.5 1.5 0 0 1-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 0 0 6.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 0 1 1.767-1.052l3.223.716A1.5 1.5 0 0 1 18 15.352V16.5a1.5 1.5 0 0 1-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 0 1 2.43 8.326 13.019 13.019 0 0 1 2 5V3.5Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
<span>Phone</span>
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="relative ml-3 inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-gray-300 ring-inset hover:bg-gray-50"
|
|
>
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="mr-1.5 -ml-0.5 size-5 text-gray-400"
|
|
>
|
|
<path
|
|
d="M3 4a2 2 0 0 0-2 2v1.161l8.441 4.221a1.25 1.25 0 0 0 1.118 0L19 7.162V6a2 2 0 0 0-2-2H3Z"
|
|
/>
|
|
<path
|
|
d="m19 8.839-7.77 3.885a2.75 2.75 0 0 1-2.46 0L1 8.839V14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.839Z"
|
|
/>
|
|
</svg>
|
|
<span>Email</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|