Restructure code and layout

This commit is contained in:
2023-03-06 17:08:53 +01:00
parent 37f51955e6
commit 76a307ae8b
4 changed files with 188 additions and 88 deletions

View File

@@ -33,25 +33,28 @@
</section>
</header>
<main>
<div class="columns report-container">
<div class="column col-6">
<h2 class="mt-2 p-2" id="rep-tit">
</h2>
<table class="table table-hover mt-2" id="resource">
<tbody>
</tbody>
</table>
<div class="report-container">
<h2 class="mt-1 p-2" id="rep-tit"></h2>
<div class="columns">
<div class="column col-7">
<table class="table table-hover mt-2" id="res-before">
<tbody>
</tbody>
</table>
</div>
<div class="column col-5 p-2 mt-2">
<div id="map"></div>
</div>
</div>
<div class="column col-6 p-2 mt-2">
<div id="map"></div>
</div>
<div class="container d-hide mt-2 pt-2 grid-md">
<div class="container d-hide mt-2 pt-2">
<p class="text-small">
Click on any image to open gallery
</p>
<div class="columns mt-2" id="gallery">
</div>
</div>
<div class="columns mt-2" id="res-after">
</div>
</div>
</main>
<footer class="text-light">
@@ -101,6 +104,13 @@
</div>
</div>
</footer>
<div class="modal modal-lg">
<span class="modal-overlay"></span>
<div class="modal-container">
<p class="text-large text-center text-bold">Loading data...</p>
<div class="loading loading-lg"></div>
</div>
</div>
</body>
<!-- Templates? -->
</html>