ui: stack odometer under speed in replay timeline + GitHub footer link (Pi + server)

This commit is contained in:
Mathieu Moran
2026-08-12 17:24:34 -04:00
parent e8746e5d69
commit 2012370cef
4 changed files with 16 additions and 4 deletions
+4
View File
@@ -107,6 +107,10 @@
<footer class="bg-white border-top text-center py-3 small text-muted d-none d-md-block">
&copy; vroom vroom yaris de course 2023 &mdash; remote server
<span class="mx-1">·</span>
<a href="https://github.com/quoije/yaris-obd" class="text-muted text-decoration-none" target="_blank" rel="noopener" title="GitHub repository">
<i class="fab fa-github fa-fw"></i> GitHub
</a>
</footer>
</div>
+4 -2
View File
@@ -76,9 +76,11 @@
</div>
<div class="d-flex flex-wrap justify-content-between gap-2 small mt-2">
<strong id="trip-replay-time"></strong>
<span id="trip-replay-speed" class="text-muted"></span>
<div class="text-end">
<span id="trip-replay-speed" class="text-muted d-block"></span>
<span id="trip-replay-odometer" class="text-muted d-block" style="font-size:0.75rem;"></span>
</div>
</div>
<div id="trip-replay-odometer" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
<div id="trip-replay-location" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
</div>
</div>
+4
View File
@@ -96,6 +96,10 @@
<footer class="bg-white border-top text-center py-3 small text-muted d-none d-md-block">
&copy; vroom vroom yaris de course 2023
<span class="mx-1">·</span>
<a href="https://github.com/quoije/yaris-obd" class="text-muted text-decoration-none" target="_blank" rel="noopener" title="GitHub repository">
<i class="fab fa-github fa-fw"></i> GitHub
</a>
</footer>
</div>
+4 -2
View File
@@ -68,9 +68,11 @@
</div>
<div class="d-flex flex-wrap justify-content-between gap-2 small mt-2">
<strong id="trip-replay-time"></strong>
<span id="trip-replay-speed" class="text-muted"></span>
<div class="text-end">
<span id="trip-replay-speed" class="text-muted d-block"></span>
<span id="trip-replay-odometer" class="text-muted d-block" style="font-size:0.75rem;"></span>
</div>
</div>
<div id="trip-replay-odometer" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
<div id="trip-replay-location" class="text-muted mt-1" style="font-size:0.75rem;min-height:1rem"></div>
</div>
</div>