Updating navigation and logged in checks.
This commit is contained in:
parent
9acde36f50
commit
59e15cfde8
11 changed files with 316 additions and 43 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue