スマートフォン向けの簡易なページャーを用意
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
@if ($paginator->hasPages())
|
||||
<ul class="pagination">
|
||||
{{-- for PC : >= lg --}}
|
||||
<ul class="pagination d-none d-lg-flex {{ $className ?? '' }}">
|
||||
{{-- Previous Page Link --}}
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="page-item disabled"><span class="page-link">«</span></li>
|
||||
@@ -33,4 +34,20 @@
|
||||
<li class="page-item disabled"><span class="page-link">»</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
{{-- for Phone : <= md --}}
|
||||
<ul class="pagination d-flex d-lg-none {{ $className ?? '' }}">
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="page-item w-25 text-center disabled"><span class="page-link">«</span></li>
|
||||
@else
|
||||
<li class="page-item w-25 text-center"><a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
|
||||
@endif
|
||||
|
||||
<li class="page-item w-25 text-center"><span class="page-link">{{ $paginator->currentPage() }}</span></li>
|
||||
|
||||
@if ($paginator->hasMorePages())
|
||||
<li class="page-item w-25 text-center"><a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">»</a></li>
|
||||
@else
|
||||
<li class="page-item w-25 text-center disabled"><span class="page-link">»</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
@endif
|
||||
|
Reference in New Issue
Block a user