$message]) }}" :class="{ 'bg-green-700 text-white': style == 'success', 'bg-red-700': style == 'danger', 'bg-gray-500': style != 'success' && style != 'danger' }" class="fixed right-0 z-50 min-h-[5%] min-w-[30%] max-w-[30%] p-3" style="display: none;" x-show="show && message" x-on:click.outside="show=false" x-init=" document.addEventListener('notify-message', event => { style = event.detail.style; status = event.detail.status; message = event.detail.message; show = true; {{-- setTimeout(() => show = false, 3000); --}} }); ">