Chapril/drop.chapril.org-firefoxsend
Chapril
/
drop.chapril.org-firefoxsend
24
1
Fork 0
Code Issues Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/ui/archiveTile.js
View File

@ -29,7 +29,7 @@ function password(state) {
const MAX_LENGTH = 32;
return html`
<div class="my-2 px-1">
<div class="mb-2 px-1">
<div class="checkbox inline-block mr-3">
<input
id="add-password"
@ -46,7 +46,7 @@ function password(state) {
id="password-input"
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"
maxlength="${MAX_LENGTH}"
type="password"
@ -58,7 +58,7 @@ function password(state) {
<label
id="password-msg"
for="password-input"
class="block text-xs text-grey-darker mt-1"
class="block text-xs text-grey-darker"
></label>
</div>
`;
@ -235,11 +235,11 @@ module.exports.wip = function(state, emit) {
Array.from(state.archive.files)
.reverse()
.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'
)}
<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
id="file-upload"

2
app/ui/selectbox.js
View File

@ -6,7 +6,7 @@ module.exports = function(selected, options, translate, changed, htmlId) {
return html`
<select
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}"
>
${options.map(