fix: expanse books for 3 data

This commit is contained in:
zhadaarsita 2025-09-20 14:21:13 +07:00
parent 4f624d179b
commit 70fec84688
1 changed files with 3 additions and 3 deletions

View File

@ -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">