MarseyWorld/files/templates/modals/gif.html

28 lines
1.2 KiB
HTML
Raw Normal View History

2023-01-20 07:14:59 +00:00
<div class="modal fade" id="gifModal" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered p-5" style="max-width:100% !important">
2022-05-04 23:09:46 +00:00
<div class="modal-content">
<div class="modal-header border-bottom-0 shadow-md p-3">
<div class="form-group d-flex align-items-center w-100 mb-0">
2023-01-01 09:47:59 +00:00
<div id="gifs-back-btn"><button class="btn btn-link mx-2" id="gifs-back-btn"><i class="fas fa-long-arrow-left text-muted"></i></button></div>
2023-01-03 11:25:28 +00:00
<input autocomplete="off" type="text" class="form-control" id="gifSearch" placeholder="Search and press enter">
<button class="btn btn-link mx-2" data-bs-dismiss="modal"><i class="fas fa-times text-muted"></i></button>
2022-05-04 23:09:46 +00:00
</div>
</div>
2023-09-15 11:01:04 +00:00
<div style="overflow-y: auto">
2022-05-04 23:09:46 +00:00
<div class="modal-body p-0" id="gif-modal-body">
2023-01-03 11:25:28 +00:00
<div id="no-gifs-found" class="text-center py-3 mt-3">
<i class="fas fa-frown text-gray-500 mb-3" style="font-size: 3.5rem"></i>
<p class="font-weight-bold text-gray-500">Aw shucks. No GIFs found...</p>
2022-05-04 23:09:46 +00:00
</div>
2022-12-26 01:57:09 +00:00
<div class="gif-categories pt-3 px-3 pb-0" id="GIFs" style="text-align:center">
2022-05-04 23:09:46 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
<script defer src="{{'js/gif_modal.js' | asset}}"></script>