formatting update
This commit is contained in:
parent
91a8c66e0c
commit
fbad1ab55a
18 changed files with 387 additions and 279 deletions
|
@ -1,10 +1,12 @@
|
|||
const html = require('choo/html');
|
||||
|
||||
export default function error(_state, _emit) {
|
||||
return html`<body>
|
||||
<div id="white">
|
||||
<h1>Error</h1>
|
||||
<p>Sorry, an error occurred.</p>
|
||||
</div>
|
||||
</body>`;
|
||||
return html`
|
||||
<body>
|
||||
<div id="white">
|
||||
<h1>Error</h1>
|
||||
<p>Sorry, an error occurred.</p>
|
||||
</div>
|
||||
</body>
|
||||
`;
|
||||
}
|
||||
|
|
|
@ -16,21 +16,19 @@ export default function preferences(state, emit) {
|
|||
emit('pushState', '/');
|
||||
}
|
||||
|
||||
return html`<body>
|
||||
<div id="white">
|
||||
<div id="preferences">
|
||||
<a onclick=${clickDone} href="#">
|
||||
done
|
||||
</a>
|
||||
<dl>
|
||||
<dt>
|
||||
wss url:
|
||||
</dt>
|
||||
<dd>
|
||||
<input type="text" onchange=${updateWssUrl} value=${wssURL} />
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</body>`;
|
||||
return html`
|
||||
<body>
|
||||
<div id="white">
|
||||
<div id="preferences">
|
||||
<a onclick="${clickDone}" href="#"> done </a>
|
||||
<dl>
|
||||
<dt>wss url:</dt>
|
||||
<dd>
|
||||
<input type="text" onchange="${updateWssUrl}" value="${wssURL}" />
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
`;
|
||||
}
|
||||
|
|
|
@ -26,8 +26,12 @@ export default function uploadComplete(state, emit) {
|
|||
emit('upload', {});
|
||||
}
|
||||
|
||||
const input = html`<input id="url" value=${file.url} readonly="true" />`;
|
||||
const copyText = html`<span>Copy link</span>`;
|
||||
const input = html`
|
||||
<input id="url" value="${file.url}" readonly="true" />
|
||||
`;
|
||||
const copyText = html`
|
||||
<span>Copy link</span>
|
||||
`;
|
||||
return html`<body>
|
||||
<div id="white">
|
||||
<div class="card">
|
||||
|
|
|
@ -12,13 +12,15 @@ export default function progressBar(state, emit) {
|
|||
}
|
||||
emit('pushState', '/');
|
||||
}
|
||||
return html`<body>
|
||||
<div id="white">
|
||||
<div class="card">
|
||||
<div>${percent}%</div>
|
||||
<span class="progress" style="width: ${percent}%">.</span>
|
||||
<div class="cancel" onclick=${onclick}>CANCEL</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>`;
|
||||
return html`
|
||||
<body>
|
||||
<div id="white">
|
||||
<div class="card">
|
||||
<div>${percent}%</div>
|
||||
<span class="progress" style="width: ${percent}%">.</span>
|
||||
<div class="cancel" onclick="${onclick}">CANCEL</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
`;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue