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.
45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<div class="rounded-md bg-green-50 p-4">
|
|
<div class="flex">
|
|
<div class="shrink-0">
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-5 text-green-400"
|
|
>
|
|
<path
|
|
d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div class="ml-3">
|
|
<h3 class="text-sm font-medium text-green-800">Order completed</h3>
|
|
<div class="mt-2 text-sm text-green-700">
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid
|
|
pariatur, ipsum similique veniam.
|
|
</p>
|
|
</div>
|
|
<div class="mt-4">
|
|
<div class="-mx-2 -my-1.5 flex">
|
|
<button
|
|
type="button"
|
|
class="rounded-md bg-green-50 px-2 py-1.5 text-sm font-medium text-green-800 hover:bg-green-100 focus:ring-2 focus:ring-green-600 focus:ring-offset-2 focus:ring-offset-green-50 focus:outline-hidden"
|
|
>
|
|
View status
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="ml-3 rounded-md bg-green-50 px-2 py-1.5 text-sm font-medium text-green-800 hover:bg-green-100 focus:ring-2 focus:ring-green-600 focus:ring-offset-2 focus:ring-offset-green-50 focus:outline-hidden"
|
|
>
|
|
Dismiss
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|