list vehicle

This commit is contained in:
Pringgosutono
2025-12-01 19:29:25 +07:00
parent 0fcb81a1a4
commit fd5a88205c
4 changed files with 108 additions and 24 deletions

View File

@ -114,7 +114,13 @@
color: white;
border-color: #212529;
}
</style>@endsection
/* Utility to remove whitespace around inline-block wrapper */
.font-zero {
font-size: 0;
}
</style>
@endsection
@section('content')
<div class="container-fluid">
@ -195,12 +201,18 @@
<!-- Image Modal -->
<div class="modal fade" id="imageModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content bg-transparent border-0 shadow-none">
<div class="modal-body p-0 text-center position-relative">
<button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-3 z-3" data-bs-dismiss="modal" aria-label="Close"></button>
<img src="" id="modalImage" class="img-fluid rounded shadow-lg" style="max-height: 90vh;" alt="Preview">
</div>
<!-- <div class="modal-body p-0 text-center">
<div class="d-inline-block position-relative font-zero">
<button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-2 z-3" data-bs-dismiss="modal" aria-label="Close"></button>
<img src="" id="modalImage" class="img-fluid rounded shadow-lg" style="max-height: 90vh;" alt="Preview">
</div>
</div> -->
</div>
</div>
</div>
@ -326,8 +338,8 @@
// $('#imageModal').modal('show');
const imgUrl = $(this).find('img').attr('src');
// const bigImgUrl = imgUrl.replace('w=500', 'w=1200');
$('#modalImage').attr('src', imgUrl);
const bigImgUrl = imgUrl.replace('w=500', 'w=1200');
$('#modalImage').attr('src', bigImgUrl);
$('#imageModal').modal('show');
});
// $('.gallery-card').click(function() {