Fix view styling

This commit is contained in:
Ben Goldsworthy 2022-10-19 21:14:10 +00:00
parent 9a000fb08e
commit 27ace62423
2 changed files with 26 additions and 15 deletions

View file

@ -37,21 +37,23 @@
</header>
<main id="routeContainer">
<div id="map"></div>
<section id="mapContainer">
<div id="map"></div>
</section>
<section id="checkinList">
<ol start="{{ count($trip->checkins) }}" reversed>
<ol start="{{ count($trip->checkins) }}" reversed>
@foreach(array_slice(array_reverse($trip->checkins), 0, 15) as $checkin)
<li n>
<details id="{{ $checkin->id }}" ontoggle="toggleCheckin(this.open, this.id)">
<summary><h2>{{ $checkin->title ?? "[No title]" }}</h2> <span>{{ date('j M Y (G:H)', strtotime($checkin->date)) }}</span></summary>
{{ $checkin->note ?? "[No note]" }}
@if($checkin->image_url)
<img class="popup__image" loading="lazy" src="{{ $checkin->image_url }}">
@endif
</details>
</li>
<li>
<details id="{{ $checkin->id }}" ontoggle="toggleCheckin(this.open, this.id)">
<summary><h2>{{ $checkin->title ?? "[No title]" }}</h2> <span>{{ date('j M Y (G:H)', strtotime($checkin->date)) }}</span></summary>
{{ $checkin->note ?? "[No note]" }}
@if($checkin->image_url)
<img class="popup__image" loading="lazy" src="{{ $checkin->image_url }}">
@endif
</details>
</li>
@endforeach
</ol>
</ol>
</section>
</main>