Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - minor style update on workout card

Browse Source
This commit is contained in:
Sam
2021-11-06 18:08:32 +01:00
parent 6b44e78896
commit 4765064042
12 changed files with 29 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
fittrackee_client/src/components/Workout/WorkoutCard.vue
View File

@ -86,11 +86,17 @@
src="/img/workouts/mountains.svg"
:alt="$t('workouts.ELEVATION')"
/>
<span> {{ workout.min_alt }}/{{ workout.max_alt }} m </span>
<div class="data-values">
<span>{{ workout.min_alt }}/</span>
<span>{{ workout.max_alt }} m </span>
</div>
</div>
<div class="data altitude" v-if="workout && workout.with_gpx">
<i class="fa fa-location-arrow" aria-hidden="true" />
<span> {{ workout.ascent }}/{{ workout.descent }} m </span>
<div class="data-values">
<span>+ {{ workout.ascent }}/</span>
<span>- {{ workout.descent }} m </span>
</div>
</div>
</div>
</div>
@ -213,6 +219,10 @@
.data {
display: flex;
align-items: center;
.data-values {
display: flex;
flex-wrap: wrap;
}
}
.img {
justify-content: flex-end;