missing twilio credentials in a modal

This commit is contained in:
m5r 2022-05-22 12:40:07 +02:00
parent 787b0ef4ac
commit 90e3d2fb20

View File

@ -3,9 +3,14 @@ import { IoSettings, IoAlertCircleOutline } from "react-icons/io5";
export default function MissingTwilioCredentials() { export default function MissingTwilioCredentials() {
return ( return (
<div className="text-center my-auto"> <div className="flex items-end justify-center min-h-full overflow-y-hidden pt-4 px-4 pb-4 text-center md:block md:p-0 z-10">
<span className="hidden md:inline-block md:align-middle md:h-screen">&#8203;</span>
<div className="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all md:my-8 md:align-middle md:max-w-lg md:w-full md:p-6">
<div className="text-center my-auto p-4">
<IoAlertCircleOutline className="mx-auto h-12 w-12 text-gray-400" aria-hidden="true" /> <IoAlertCircleOutline className="mx-auto h-12 w-12 text-gray-400" aria-hidden="true" />
<h3 className="mt-2 text-sm font-medium text-gray-900">You haven&#39;t set up any phone number yet</h3> <h3 className="mt-2 text-sm font-medium text-gray-900">
You haven&#39;t set up any phone number yet
</h3>
<p className="mt-1 text-sm text-gray-500"> <p className="mt-1 text-sm text-gray-500">
Head over to your settings Head over to your settings
<br /> <br />
@ -21,5 +26,7 @@ export default function MissingTwilioCredentials() {
</Link> </Link>
</div> </div>
</div> </div>
</div>
</div>
); );
} }