diff --git a/app/main.css b/app/main.css index e3c7fdc1..2135dd0e 100644 --- a/app/main.css +++ b/app/main.css @@ -32,8 +32,6 @@ progress::-webkit-progress-value { } .main { - @apply bg-blue-lightest; - min-height: calc(100vh - 6rem); } @@ -73,9 +71,7 @@ progress::-webkit-progress-value { @apply shadow-md; @apply m-auto; - min-width: 30rem; - max-width: 60rem; min-height: 30rem; - max-height: 38rem; + max-height: 40rem; } } diff --git a/app/routes.js b/app/routes.js index f36199d6..270cb578 100644 --- a/app/routes.js +++ b/app/routes.js @@ -17,7 +17,7 @@ function banner(state, emit) { function body(main) { return function(state, emit) { - const b = html` + const b = html` ${state.modal && modal(state, emit)} ${banner(state, emit)} ${header(state, emit)} diff --git a/app/ui/archiveList.js b/app/ui/archiveList.js index 3754fffc..026a651e 100644 --- a/app/ui/archiveList.js +++ b/app/ui/archiveList.js @@ -34,8 +34,12 @@ module.exports = function(state, emit) { archives.push(intro(state)); } return html` -
-
${wip}
- ${list(archives, 'list-reset h-full overflow-y-scroll foo', 'py-2')} +
+
${wip}
+ ${list( + archives, + 'list-reset h-full md:w-1/2 overflow-y-scroll foo pt-2', + 'py-2' + )}
`; }; diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js index 25ac3a23..a16ce009 100644 --- a/app/ui/archiveTile.js +++ b/app/ui/archiveTile.js @@ -83,9 +83,12 @@ module.exports = function(state, emit, archive) { module.exports.wip = function(state, emit) { return html` -
- ${list(state.archive.files.map(f => fileInfo(f, remove(f))), 'list-reset')} -
+
+ ${list( + state.archive.files.map(f => fileInfo(f, remove(f))), + 'list-reset h-full overflow-y-scroll' + )} +
${expiryOptions(state, emit)}