added mobile version

master
Benjamin Völkl 2023-06-08 16:06:52 +02:00
parent 0668b3e4b4
commit 581027aa98
1 changed files with 15 additions and 13 deletions

View File

@ -77,7 +77,20 @@
</div>
</div>
<div class="row">
<div class="col-4 overflow-auto" style="height: 80vh;" id="contents">

<div class="col-12 col-md-8 g-0 ps-3 order-md-last">
<div id="map"></div>
<div id="marker-window" class="d-none">
<h6 id="firstHeading" class="firstHeading">$title</h6>
<div id="bodyContent">
<img class="img-fluid rounded" data-src="$image" alt="">

<p>$description</p>
<a data-href="$path" style="outline: none;">Details</a>
</div>
</div>
</div>
<div class="col-12 col-md-4 overflow-auto mt-3 mt-md-0" style="height: 80vh;" id="contents">
<div class="card d-none address ">
<div class="card-body">
<div class="row">
@ -92,18 +105,7 @@
</div>
</div>
</div>
<div class="col-8 g-0 ps-3">
<div id="map"></div>
<div id="marker-window" class="d-none">
<h6 id="firstHeading" class="firstHeading">$title</h6>
<div id="bodyContent">
<img class="img-fluid rounded" data-src="$image" alt="">

<p>$description</p>
<a data-href="$path" style="outline: none;">Details</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>