33 lines
677 B
HTML
33 lines
677 B
HTML
<style>
|
|
.alert-pane {
|
|
display:grid;
|
|
grid-template-columns: 64px calc(100% - 64px);
|
|
gap:4px;
|
|
margin:4px;
|
|
width:500px;
|
|
}
|
|
.alert-controls {
|
|
display:grid;
|
|
grid-template-columns: 50% 50%; gap:4px;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
</style>
|
|
|
|
<div class="alert-pane">
|
|
<div class="alert-icon">
|
|
|
|
</div>
|
|
<div class="alert-message"></div>
|
|
</div>
|
|
|
|
<div class="alert-controls">
|
|
<div class="active">
|
|
<i class="fa-solid fa-times fa-2x"></i> Cancel
|
|
</div>
|
|
<div class="active">
|
|
<i class="fa-solid fa-check fa-2x"></i> continue
|
|
</div>
|
|
|
|
</div>
|