Merge pull request #7 from LailaWulandarii/development

update img preview in modal edit foto
This commit is contained in:
Laila Wulandari 2026-02-07 20:49:07 +07:00 committed by GitHub
commit 542268f1b3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 3 deletions

View File

@ -91,18 +91,18 @@ class="form-control @error('durasi') is-invalid @enderror"
<label class="form-label">Preview Foto</label> <label class="form-label">Preview Foto</label>
<div class="border rounded d-flex justify-content-center align-items-center position-relative" <div class="border rounded d-flex justify-content-center align-items-center position-relative"
style="height: 120px; background-color: #f8f9fa; overflow: hidden;"> style="height: 158px; background-color: #f8f9fa;">
<div id="placeholder-edit-{{ $f->id_paket }}" <div id="placeholder-edit-{{ $f->id_paket }}"
class="text-center text-muted d-none"> class="text-center text-muted d-none">
<i class="bi bi-image fs-5 mb-2"></i> <i class="bi bi-image fs-4 mb-2"></i>
<p class="mb-0 fw-medium" style="font-size: 0.65rem;">Gambarmu akan muncul di <p class="mb-0 fw-medium" style="font-size: 0.65rem;">Gambarmu akan muncul di
sini</p> sini</p>
</div> </div>
<img id="editImgPreview{{ $f->id_paket }}" <img id="editImgPreview{{ $f->id_paket }}"
src="{{ asset('storage/' . $f->foto) }}" class="img-fluid w-100 h-100" src="{{ asset('storage/' . $f->foto) }}" class="img-fluid w-100 h-100"
style="object-fit: cover; position: absolute; top: 0; left: 0;"> style="object-fit: contain;">
</div> </div>
</div> </div>