@enki-tek/fms-web-components 0.1.20 → 0.1.22
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
11
11
|
<span class="navbar-toggler-icon"></span>
|
|
12
12
|
</button>
|
|
13
|
-
<div class="collapse navbar-collapse justify-content-md-end
|
|
13
|
+
<div class="collapse navbar-collapse justify-content-md-end " id="navbarCollapse">
|
|
14
14
|
<slot name="menu"></slot>
|
|
15
15
|
<hr class="my-3 d-md-none">
|
|
16
16
|
<slot name="footer-menu"></slot>
|
|
@@ -679,5 +679,6 @@
|
|
|
679
679
|
@media (max-width: 767.98px) {
|
|
680
680
|
#navbarCollapse {
|
|
681
681
|
height: calc(100vh - 75px);
|
|
682
|
+
overflow: auto;
|
|
682
683
|
}
|
|
683
684
|
}</style>
|
|
@@ -6,6 +6,7 @@ const DEFAULT_PAGE_COUNT = 5;
|
|
|
6
6
|
export let noOfItems = 300;
|
|
7
7
|
export let itemPerPage = 30;
|
|
8
8
|
export let currentPage = 1;
|
|
9
|
+
export let size = "lg";
|
|
9
10
|
let pageCount = Math.ceil(noOfItems / itemPerPage);
|
|
10
11
|
let pagesToShow = pageCount > DEFAULT_PAGE_COUNT ? DEFAULT_PAGE_COUNT : pageCount;
|
|
11
12
|
let pageNumbers = [];
|
|
@@ -48,7 +49,7 @@ function nextPage() {
|
|
|
48
49
|
}
|
|
49
50
|
</script>
|
|
50
51
|
|
|
51
|
-
<Pagination size
|
|
52
|
+
<Pagination {size} ariaLabel="Page navigation example">
|
|
52
53
|
<PaginationItem disabled={currentPage === 1} class="eradius custom-pagination-list">
|
|
53
54
|
<PaginationLink previous href="#" class="custom-pagination-link-add" on:click={prevPage}
|
|
54
55
|
><Icon name="chevron-left" /></PaginationLink
|