list vehicle
This commit is contained in:
@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user