adjusted padding of wip area

This commit is contained in:
Danny Coates 2019-02-12 19:14:01 -08:00
parent fc37fd1fe3
commit e9ee7d022c
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
2 changed files with 6 additions and 6 deletions

View File

@ -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"

View File

@ -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(