fix: unindent styles in pagination (#1172)
Co-authored-by: Dominik Pschenitschni <mail@celement.de> Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1172 Reviewed-by: konrad <k@knt.li> Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de> Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
parent
41c0594bd2
commit
cb9e1e891d
1 changed files with 8 additions and 8 deletions
|
@ -21,11 +21,11 @@
|
||||||
<li :key="`page-${i}`" v-for="(p, i) in pages">
|
<li :key="`page-${i}`" v-for="(p, i) in pages">
|
||||||
<span class="pagination-ellipsis" v-if="p.isEllipsis">…</span>
|
<span class="pagination-ellipsis" v-if="p.isEllipsis">…</span>
|
||||||
<router-link
|
<router-link
|
||||||
|
v-else
|
||||||
|
class="pagination-link"
|
||||||
:aria-label="'Goto page ' + p.number"
|
:aria-label="'Goto page ' + p.number"
|
||||||
:class="{ 'is-current': p.number === currentPage }"
|
:class="{ 'is-current': p.number === currentPage }"
|
||||||
:to="getRouteForPagination(p.number)"
|
:to="getRouteForPagination(p.number)"
|
||||||
class="pagination-link"
|
|
||||||
v-else
|
|
||||||
>
|
>
|
||||||
{{ p.number }}
|
{{ p.number }}
|
||||||
</router-link>
|
</router-link>
|
||||||
|
@ -98,13 +98,13 @@ const pages = computed(() => createPagination(props.totalPages, props.currentPag
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.pagination {
|
.pagination {
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.pagination-previous,
|
.pagination-previous,
|
||||||
.pagination-next {
|
.pagination-next {
|
||||||
&:not(:disabled):hover {
|
&:not(:disabled):hover {
|
||||||
background: $scheme-main;
|
background: $scheme-main;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in a new issue