Updating navigation and logged in checks.

This commit is contained in:
Brian McGonagill 2026-03-19 13:59:30 -05:00
parent 9acde36f50
commit 59e15cfde8
11 changed files with 316 additions and 43 deletions

View file

@ -196,7 +196,10 @@ onUnmounted(() => {
<p><small>Total route distance: {{ getTotalDistance().toFixed(2) }} km</small></p>
<article v-if="legs.length" v-for="(leg, index) in legs" :key="leg.id">
<h3>Leg {{ index + 1 }}</h3>
<div class="leg-header">
<h3>Leg {{ index + 1 }}</h3>
<button @click="deleteLeg(leg.id)" class="secondary">Delete</button>
</div>
<p>{{ leg.description }}</p>
<footer>
<small>
@ -207,7 +210,6 @@ onUnmounted(() => {
</span>
</small>
</footer>
<button @click="deleteLeg(leg.id)" class="secondary">Delete</button>
</article>
<p v-else>No legs added yet</p>
</article>
@ -265,4 +267,15 @@ onUnmounted(() => {
border-radius: var(--pico-border-radius);
margin-bottom: 0.5rem;
}
.leg-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.leg-header h3 {
margin: 0;
}
</style>