use custom elements instead of adding css classes for selectors
This commit is contained in:
parent
742b97cb4b
commit
f402011c82
9 changed files with 38 additions and 34 deletions
|
@ -3,7 +3,7 @@ const html = require('choo/html');
|
|||
module.exports = function(message) {
|
||||
return function(state, emit, close) {
|
||||
return html`
|
||||
<div class="flex flex-col max-w-xs p-4">
|
||||
<send-ok-dialog class="flex flex-col max-w-xs p-4">
|
||||
<div class="text-center m-8 leading-normal">${message}</div>
|
||||
<button
|
||||
class="rounded bg-blue hover\:bg-blue-dark focus\:bg-blue-darker cursor-pointer text-center text-white py-2 px-6 h-12 w-full flex flex-no-shrink items-center justify-center font-semibold"
|
||||
|
@ -11,7 +11,7 @@ module.exports = function(message) {
|
|||
>
|
||||
${state.translate('okButton')}
|
||||
</button>
|
||||
</div>
|
||||
</send-ok-dialog>
|
||||
`;
|
||||
};
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue