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

[Client] workout - minor style update

Browse Source
This commit is contained in:
Sam 2021-11-29 18:06:48 +01:00
parent 3e3612696c
commit b8aef3af4d
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
View File

@ -20,7 +20,7 @@
<SportImage :sport-label="sport.label" :color="sport.color" /> <SportImage :sport-label="sport.label" :color="sport.color" />
<div class="workout-title-date"> <div class="workout-title-date">
<div class="workout-title" v-if="workoutObject.type === 'WORKOUT'"> <div class="workout-title" v-if="workoutObject.type === 'WORKOUT'">
{{ workoutObject.title }} <span>{{ workoutObject.title }}</span>
<i <i
class="fa fa-edit" class="fa fa-edit"
aria-hidden="true" aria-hidden="true"
@ -140,10 +140,18 @@
.workout-card-title { .workout-card-title {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
align-items: center;
.sport-img { .sport-img {
height: 35px;
width: 35px;
padding: 0 $default-padding; padding: 0 $default-padding;
::v-deep(svg) {
height: 35px;
width: 35px;
}
}
.workout-title {
span {
margin-right: $default-margin * 0.5;
}
} }
.workout-date { .workout-date {
font-size: 0.8em; font-size: 0.8em;
@ -165,10 +173,7 @@
.fa-download, .fa-download,
.fa-trash, .fa-trash,
.fa-edit { .fa-edit {
border: solid 1px var(--card-border-color); padding: 0 $default-padding * 0.7;
border-radius: $border-radius;
margin-left: $default-margin * 0.5;
padding: 0 $default-padding;
} }
} }
} }