adjusted padding of wip area
This commit is contained in:
parent
fc37fd1fe3
commit
e9ee7d022c
|
@ -29,7 +29,7 @@ function password(state) {
|
||||||
const MAX_LENGTH = 32;
|
const MAX_LENGTH = 32;
|
||||||
|
|
||||||
return html`
|
return html`
|
||||||
<div class="my-2 px-1">
|
<div class="mb-2 px-1">
|
||||||
<div class="checkbox inline-block mr-3">
|
<div class="checkbox inline-block mr-3">
|
||||||
<input
|
<input
|
||||||
id="add-password"
|
id="add-password"
|
||||||
|
@ -46,7 +46,7 @@ function password(state) {
|
||||||
id="password-input"
|
id="password-input"
|
||||||
class="${state.archive.password
|
class="${state.archive.password
|
||||||
? ''
|
? ''
|
||||||
: 'invisible'} border rounded-sm focus:border-blue-dark leading-normal my-2 py-1 px-2 h-8"
|
: 'invisible'} border rounded-sm focus:border-blue-dark leading-normal my-1 py-1 px-2 h-8"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
maxlength="${MAX_LENGTH}"
|
maxlength="${MAX_LENGTH}"
|
||||||
type="password"
|
type="password"
|
||||||
|
@ -58,7 +58,7 @@ function password(state) {
|
||||||
<label
|
<label
|
||||||
id="password-msg"
|
id="password-msg"
|
||||||
for="password-input"
|
for="password-input"
|
||||||
class="block text-xs text-grey-darker mt-1"
|
class="block text-xs text-grey-darker"
|
||||||
></label>
|
></label>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
@ -235,11 +235,11 @@ module.exports.wip = function(state, emit) {
|
||||||
Array.from(state.archive.files)
|
Array.from(state.archive.files)
|
||||||
.reverse()
|
.reverse()
|
||||||
.map(f => fileInfo(f, remove(f))),
|
.map(f => fileInfo(f, remove(f))),
|
||||||
'bg-grey-lightest rounded-t list-reset overflow-y-auto px-4 md:h-full md:max-h-half-screen',
|
'bg-grey-lightest rounded-t list-reset overflow-y-auto px-6 py-4 md:h-full md:max-h-half-screen',
|
||||||
'bg-white px-2 my-2 shadow-light rounded'
|
'bg-white px-2 my-2 shadow-light rounded'
|
||||||
)}
|
)}
|
||||||
<div
|
<div
|
||||||
class="flex-grow flex items-end p-4 bg-grey-lightest rounded-b mb-6 font-medium"
|
class="flex-grow flex items-end p-4 bg-grey-lightest rounded-b mb-1 font-medium"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
id="file-upload"
|
id="file-upload"
|
||||||
|
|
|
@ -6,7 +6,7 @@ module.exports = function(selected, options, translate, changed, htmlId) {
|
||||||
return html`
|
return html`
|
||||||
<select
|
<select
|
||||||
id="${htmlId}"
|
id="${htmlId}"
|
||||||
class="appearance-none cursor-pointer border rounded-sm bg-grey-lightest hover:border-blue-dark focus:border-blue-dark px-2 py-1 my-2 h-8"
|
class="appearance-none cursor-pointer border rounded-sm bg-grey-lightest hover:border-blue-dark focus:border-blue-dark px-2 py-1 my-1 h-8"
|
||||||
onchange="${choose}"
|
onchange="${choose}"
|
||||||
>
|
>
|
||||||
${options.map(
|
${options.map(
|
||||||
|
|
Loading…
Reference in New Issue