fix: misaligned alert dialog icon
Massimo Melina committed
Aug 23, 2023 at 10:00 UTC
b8630dccc759daab1ec8d3873df503da1663e265
2 files changed
+6
-1
frontend/src/dialog.css
+5
@@ -35,6 +35,11 @@
35
text-align: center;
36
border-radius: .8em 0;
37
}
38
+.dialog-icon-text {
39
+ display: flex;
40
+ align-items: center;
41
+ justify-content: center;
42
+}
43
.dialog-title {
44
font-size: 120%;
45
margin: .3em 0;
shared/dialogs.ts
+1
-1
@@ -100,7 +100,7 @@ function Dialog(d:DialogOptions) {
100
className: 'dialog-icon dialog-closer',
101
onClick() { closeDialog() }
102
}, d.closableContent),
103
- d.icon && h('div', { className: 'dialog-icon dialog-type' },
103
+ d.icon && h('div', { className: 'dialog-icon dialog-type' + (typeof d.icon === 'string' ? ' dialog-icon-text' : '') },
104
componentOrNode(d.icon)),
105
h('div', { className: 'dialog-title' }, componentOrNode(d.title)),
106
h('div', { className: 'dialog-content' }, h(d.Content || 'div'))