stubbed in modal dialog
This commit is contained in:
parent
20528eb0d1
commit
cdc15596df
11 changed files with 100 additions and 24 deletions
13
app/templates/okDialog/index.js
Normal file
13
app/templates/okDialog/index.js
Normal file
|
@ -0,0 +1,13 @@
|
|||
const html = require('choo/html');
|
||||
|
||||
module.exports = function(message) {
|
||||
return function(state, close) {
|
||||
return html`
|
||||
<div class="okDialog">
|
||||
<div class="okDialog__message">${message}</div>
|
||||
<button class="btn" onclick=${close}>${state.translate(
|
||||
'okButton'
|
||||
)}</button>
|
||||
</div>`;
|
||||
};
|
||||
};
|
11
app/templates/okDialog/okDialog.css
Normal file
11
app/templates/okDialog/okDialog.css
Normal file
|
@ -0,0 +1,11 @@
|
|||
.okDialog {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100px;
|
||||
font-weight: 400;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.okDialog__message {
|
||||
margin-bottom: 10px;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue