40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
|
<style>
|
||
|
|
.dialog {min-width:500px}
|
||
|
|
.dialog .title-bar {display: grid; grid-template-columns: auto 48px; gap:2px;
|
||
|
|
background-color: #f3f3f3;
|
||
|
|
align-items:center;
|
||
|
|
padding:4px;
|
||
|
|
text-transform:capitalize;
|
||
|
|
}
|
||
|
|
.button {width:60%; margin-left:20%; background-color:#f3f3f3; }
|
||
|
|
.message {display:grid; grid-template-columns: 48px auto; gap:2px; align-items: center; padding:8px}
|
||
|
|
.fa-xmark { color:maroon}
|
||
|
|
.fa-triangle-exclamation {color:#FF6500}
|
||
|
|
.icon {font-size:48px;}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="dialog">
|
||
|
|
<div class="title-bar">
|
||
|
|
<div class="bold border-right" ><i></i>:title</div>
|
||
|
|
<div align="center" class="active" onclick="$('.jxmodal').slideUp()" style="background-color: #f3f3f3;">
|
||
|
|
<i class="fa fa-xmark"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p>
|
||
|
|
|
||
|
|
<div class="message">
|
||
|
|
<div class="icon"><i class=":icon"></i></div>
|
||
|
|
<span>:message</span>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
|
||
|
|
</p>
|
||
|
|
<div>
|
||
|
|
<div class="button border-round border" align="center">
|
||
|
|
<div class="active"><i class="fa-solid fa-check"></i> Okay</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|