use custom elements instead of adding css classes for selectors

This commit is contained in:
Danny Coates 2019-01-10 16:22:40 -08:00
parent 742b97cb4b
commit f402011c82
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
9 changed files with 38 additions and 34 deletions

View file

@ -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>
`;
};
};