moved some styles
This commit is contained in:
parent
932a2a4576
commit
90f261a314
3 changed files with 6 additions and 12 deletions
|
@ -59,14 +59,6 @@ progress::-webkit-progress-value {
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bg-shades {
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.border-modal {
|
||||
box-shadow: 0 0 5rem 5rem white;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
@apply leading-normal;
|
||||
@apply select-none;
|
||||
|
|
|
@ -2,8 +2,8 @@ const html = require('choo/html');
|
|||
|
||||
module.exports = function(state, emit) {
|
||||
return html`
|
||||
<div class="absolute pin flex items-center justify-center overflow-hidden z-40 bg-shades" onclick=${close}>
|
||||
<div class="border-modal bg-white" onclick=${e => e.stopPropagation()}>
|
||||
<div class="absolute pin flex items-center justify-center overflow-hidden z-40 bg-cloud" onclick=${close}>
|
||||
<div class="shadow-cloud bg-white" onclick=${e => e.stopPropagation()}>
|
||||
${state.modal(state, emit, close)}
|
||||
</div>
|
||||
</div>`;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue