smartyellow/status
1
0
Fork 0
mirror of https://github.com/smartyellow/status.git synced 2025-01-18 05:27:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Larger pagination

Browse Source
This commit is contained in:
Romein van Buren 2022-07-18 12:11:45 +02:00
parent 1fe7596962
commit af17f80fe1
Signed by: romein
GPG Key ID: 0EFF8478ADDF6C49
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
gui/dashboard/app.svelte
View File

@ -133,12 +133,12 @@
<div class="time">{time}</div>
{#if pageCount > 1}
<div>
{pageNum + 1}/{pageCount}
</div>
<div class="pagination">
{#each Array(pageCount).fill('') as _, i}
<em class:active={pageNum === i}></em>
{/each}
<span class="pagecount">{pageNum + 1}/{pageCount}</span>
<span class="pagination">
{#each Array(pageCount).fill('') as _, i}
<em class:active={pageNum === i}></em>
{/each}
</span>
</div>
{/if}
<Settings />
@ -195,6 +195,10 @@
align-items: flex-end;
}
.footer > .time {
width: 5em;
}
.pagination em {
display: inline-block;
margin-left: 0.5rem;
@ -203,9 +207,15 @@
border-radius: 5px;
background-color: #fff;
opacity: 0.4;
vertical-align: middle;
}
.pagination em.active {
opacity: 1;
}
.pagecount {
width: 2em;
display: inline-block;
}
</style>