fix: expanse books for 3 data
This commit is contained in:
parent
4f624d179b
commit
70fec84688
|
|
@ -181,7 +181,7 @@ class="badge bg-{{ $item['type'] }}-soft text-{{ $item['type'] }} rounded-pill p
|
|||
</div>
|
||||
<div class="row g-4">
|
||||
@forelse($bukuPinjamOffline as $buku)
|
||||
<div class="col-xl-4 col-md-6" x-show="{{ $loop->index }} < 2 || expanded" x-transition>
|
||||
<div class="col-xl-4 col-md-6" x-show="{{ $loop->index }} < 3 || expanded" x-transition>
|
||||
<div class="card border-0 shadow-sm h-100 book-card">
|
||||
<div class="row g-0 h-100">
|
||||
<div class="col-4">
|
||||
|
|
@ -234,13 +234,13 @@ class="alert alert-danger border-0 py-2 px-3 mb-0 d-flex align-items-center">
|
|||
<h6 class="mb-0 fw-bold text-dark">Baca Buku Online</h6>
|
||||
</div>
|
||||
<button type="button" :class="expanded ? 'btn btn-sm btn-primary rounded-pill px-3' : 'btn btn-sm btn-outline-primary rounded-pill px-3'"
|
||||
@click="expanded = !expanded" x-show="{{ count($bacaBukuOnline) > 2 }}">
|
||||
@click="expanded = !expanded" x-show="{{ count($bacaBukuOnline) > 3 }}">
|
||||
<span x-text="expanded ? 'Tampilkan Lebih Sedikit' : 'Lihat Semua'">Lihat Semua</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
@forelse($bacaBukuOnline as $buku)
|
||||
<div class="col-xl-4 col-md-6" x-show="{{ $loop->index }} < 2 || expanded" x-transition>
|
||||
<div class="col-xl-4 col-md-6" x-show="{{ $loop->index }} < 3 || expanded" x-transition>
|
||||
<div class="card border-0 shadow-sm h-100 book-card">
|
||||
<div class="row g-0 h-100">
|
||||
<div class="col-4">
|
||||
|
|
|
|||
Loading…
Reference in New Issue