58 lines
1.7 KiB
PHP
Executable File
58 lines
1.7 KiB
PHP
Executable File
<style type="text/css">
|
|
#liveToast{
|
|
width:revert;
|
|
max-width:450px;
|
|
min-width: 350px;
|
|
background-color: #fff;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
}
|
|
#liveToast .toast-body{
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
}
|
|
#liveToast .toast-body::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
#liveToast .toast-body::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
#liveToast .toast-body::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
}
|
|
#liveToast .toast-body::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
.toast-body-d4rsweh i{
|
|
font-family: 'Muli';
|
|
}
|
|
</style>
|
|
|
|
<button type="button" class="btn btn-primary" id="liveToastBtn" hidden>.....</button>
|
|
<div class="position-fixed bottom-0 end-0 p-3" style="z-index:10000">
|
|
<div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false" data-bs-animation="true">
|
|
<div class="toast-header">
|
|
<img border="0" height="23" src="<?=$merchant_details->logo?>">
|
|
<strong class="me-auto">
|
|
<!-- WeCuro -->
|
|
</strong>
|
|
<small>Just</small>
|
|
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
|
</div>
|
|
<div class="toast-body py-0">
|
|
<div class="toast-body-d4rsweh">
|
|
...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
var toastTrigger = document.getElementById('liveToastBtn')
|
|
var toastLiveExample = document.getElementById('liveToast')
|
|
if (toastTrigger) {
|
|
toastTrigger.addEventListener('click', function () {
|
|
var toast = new bootstrap.Toast(toastLiveExample)
|
|
toast.show()
|
|
})
|
|
}
|
|
</script> |