more confirm dialog swag
This commit is contained in:
parent
e0780f7e61
commit
0bd693666f
1 changed files with 9 additions and 3 deletions
|
|
@ -10,6 +10,7 @@
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<FAIcon
|
<FAIcon
|
||||||
|
class="confirm-icon"
|
||||||
icon="circle-question"
|
icon="circle-question"
|
||||||
size="3x"
|
size="3x"
|
||||||
fixed-width
|
fixed-width
|
||||||
|
|
@ -42,8 +43,10 @@
|
||||||
<script src="./confirm_modal.js"></script>
|
<script src="./confirm_modal.js"></script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.confirm-modal {
|
.confirm-modal {
|
||||||
.dialog-modal-content {
|
.confirm-icon {
|
||||||
padding: 0;
|
margin-left: 0.75rem;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
|
@ -54,7 +57,8 @@
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0.75em;
|
margin-top: 0.75em;
|
||||||
|
margin-bottom: 0.75em;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
@ -72,6 +76,8 @@
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
max-width: 50ch;
|
max-width: 50ch;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
margin-right: 3.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue