smartyellow/status
1
0
Fork 0
mirror of https://github.com/smartyellow/status.git synced 2025-01-18 13:37:59 +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> <div class="time">{time}</div>
{#if pageCount > 1} {#if pageCount > 1}
<div> <div>
{pageNum + 1}/{pageCount} <span class="pagecount">{pageNum + 1}/{pageCount}</span>
</div> <span class="pagination">
<div class="pagination"> {#each Array(pageCount).fill('') as _, i}
{#each Array(pageCount).fill('') as _, i} <em class:active={pageNum === i}></em>
<em class:active={pageNum === i}></em> {/each}
{/each} </span>
</div> </div>
{/if} {/if}
<Settings /> <Settings />
@ -195,6 +195,10 @@
align-items: flex-end; align-items: flex-end;
} }
.footer > .time {
width: 5em;
}
.pagination em { .pagination em {
display: inline-block; display: inline-block;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -203,9 +207,15 @@
border-radius: 5px; border-radius: 5px;
background-color: #fff; background-color: #fff;
opacity: 0.4; opacity: 0.4;
vertical-align: middle;
} }
.pagination em.active { .pagination em.active {
opacity: 1; opacity: 1;
} }
.pagecount {
width: 2em;
display: inline-block;
}
</style> </style>