UI cosmetics

This commit is contained in:
Johannes Zillmann 2021-04-18 12:19:23 +02:00
parent 5365667314
commit 6ad8d2daa9
2 changed files with 4 additions and 5 deletions

View File

@ -91,7 +91,9 @@
</tbody>
</table>
{#if !$pagePinned}
{#if $pagePinned}
<div class="mb-8" />
{:else}
{#if renderedMaxPage < pages.length}
<span use:inView on:intersect={({ detail }) => detail && calculateNextPageToRenderTo()} />
<div class="my-6 text-center text-2xl">...</div>

View File

@ -23,10 +23,7 @@
}
</script>
<div
class="absolute mt-2 p-2 flex bg-gray-200 shadow-lg rounded-sm overflow-auto max-h-96"
style="max-width: {pageControl.totalPages * 45}px;"
transition:slide>
<div class="absolute mt-2 p-2 flex bg-gray-200 shadow-lg rounded-sm overflow-auto max-h-96" transition:slide>
<span class="mt-1 pr-2" on:click={$pagePinned && unpinPage}>
<Collection size="1x" class={$pagePinned ? 'hover:text-select cursor-pointer' : 'opacity-50'} />
</span>